axios POST提交数据的三种请求方式写法
程序员文章站
2022-04-14 22:41:45
...
1、Content-Type: application/json ==> @RequestBody
import axios from 'axios'
let data = {"code":"57893","name":"kelly"};
axios.post(`${this.$url}/test/testRequest`,data)
.then(res=>{
console.log('res=>',res);
})
2、Content-Type: application/x-www-form-urlencoded
import axios from 'axios'
import qs from 'Qs'
let data = {"code":"1234","name":"yyyy"};
axios.post(`${this.$url}/test/testRequest`,qs.stringify(data))
.then(res=>{
console.log('res=>',res);
})
3、Content-Type: multipart/form-data
import axios from 'axios'
let data = new FormData();
data.append('code','6352');
data.append('name','kelly');
axios.post(`${this.$url}/test/testRequest`,data)
.then(res=>{
console.log('res=>',res);
})
推荐阅读
-
常见的四种POST 提交数据方式(小总结)
-
javascript 中数组的创建 添加 与将数组转换成字符串 页面三种提交请求的方式
-
详解vue axios用post提交的数据格式
-
解决vue中post方式提交数据后台无法接收的问题
-
Python使用post及get方式提交数据的实例
-
让axios发送表单请求形式的键值对post数据的实例
-
解决Vue axios post请求,后台获取不到数据的问题方法
-
微信小程序授权 获取用户的openid和session_key【后端使用java语言编写】,我写的是get方式,目的是测试能否获取到微信服务器中的数据,后期我会写上post请求方式。
-
四种常见的 POST 提交数据方式对应的content-type
-
axios发送post请求,提交图片类型表单数据方法