使用axios发送get和post请求

安装

cnpm i axios -S

发送get请求

方法一：
在axios方法中直接传入一个对象，配置请求路径：url,
传递参数：params。然后使用。.then方法获得响应数据

//配置接口地址
axios.defaults.baseURL = 'http://127.0.0.1:3000'
function testget() {axios({url: '/a',params: {id: 1}}).then(response => {console.log('/a', response.data)return response.data}, error => {console.log('错误', error.message)})}
testget()

方法二：

function testget() {axios.get('/a?id=1').then(response => {console.log('/a', response.data)})
}

post请求

方法一：

function testpost() {axios.post('/a', {"id": 5,"name": "ssss"}).then(response => {console.log('/a1', response.data)}, error => {console.log('错误', error.message)})
}
testpost()

方法二：

function testpost() {axios({method: 'POST',url: '/a',data: {id: 1,name: "张三"}}).then(response => {console.log('/a', response.data)return response.data}, error => {console.log('错误', error.message)})
}testpost()

说明：post请求中，使用data传递信息
js服务器代码

var express = require('express')
var path = require('path')
var bodyParser = require('body-parser')
const { json } = require('body-parser')
var app = express()app.use(express.static(path.join(__dirname, 'public')))app.use(bodyParser.urlencoded({ extended: false }))
app.use(bodyParser.json())app.get('/a', function(req, res) {console.log(req.query)res.send({ "id": 1, "name": "张三" })
})app.listen(3000, function() {console.log('app is runing...')
})

使用axios发送get和post请求相关推荐

Vue axios 发送 get 和 post 请求
发送 get 请求 this.axios.get('/rebar/produceTask/selectProProduceTaskItemList',{params:data}).then( res ...
如何使用Axios发送异步请求？
首先,让我们来介绍一下Axios.Axios是一个基于Promise的HTTP客户端,它可以帮助我们轻松地发送异步请求.它支持所有现代浏览器(包括IE8+),并且还提供了Node.js的版本. 那么, ...
使用rest_framework写api接口的一些注意事项(axios发送ajax请求)
1. 类继承GenericAPIView,定义queryset 印象深刻的事: 由于原来对于继承关系不太清楚,写接口 APIView/泛指GenericAPIView不太关注queryset 没有设置 ...
Vue之axios发送Ajax请求
2.10 axios发送ajax请求 axios github 2.10.1 准备工程创建一个django工程,例如 login.创建完成之后,再创建一个子应用,例如users.最后再设置一下模板文 ...
axios 发送 AJAX请求
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8" ...
axios发送登录请求_使用axios实现登录功能(前后端联调)
1.创建一个Login.vue页面 1.1 写页面components/Login.vue 在 src/components 下创建 Login.vue 页面测试axios-{{title}} im ...
vue商城项目开发：axios发送请求及列表数据展示
使用axios发送get请求先install一下axios: 在main.js中全局引入axios: 仅仅在main.js中引入axios不会生效: 第二种解决方法如下,也是最常用的: 使用$htt ...
promise的应用和在VUE中使用axios发送AJAX请求服务器
promise 用promise对函数封装: 原来的代码: <!DOCTYPE html> <html> <head><title>vue demo&l ...
ios php 表单提交图片上传,axios发送post请求提交图片表单步骤详解
这次给大家带来axios发送post请求提交图片表单步骤详解,axios发送post请求提交图片表单的注意事项有哪些,下面就是实战案例,一起来看一下. DOME 接口const userUploadA ...

使用axios发送get和post请求

发送get请求

post请求

使用axios发送get和post请求相关推荐

最新文章

热门文章