axios POST提交数据的三种请求方式写法示例
作者：Awbeci
这篇文章主要介绍了axios POST提交数据的三种请求方式写法示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
1、Content-Type: application/json
import axios from 'axios'
let data = {"code":"1234","name":"yyyy"};
axios.post(`${this.$url}/test/testRequest`,data)
.then(res=>{
console.log('res=>',res);
})
2、Content-Type: multipart/form-data
import axios from 'axios'
let data = new FormData();
data.append('code','1234');
data.append('name','yyyy');
axios.post(`${this.$url}/test/testRequest`,data)
.then(res=>{
console.log('res=>',res);
})
3、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);
})
总结
1、从jquery转到axios最难忘的就是要设置Content-Type，还好现在都搞懂了他们的原理
2、上面三种方式会对应后台的请求方式，这个也要注意，比如java的@RequestBody，HttpSevletRequest等等
以上就是axios POST提交数据的三种请求方式写法示例的详细内容，更多关于axios POST提交数据请求方式的资料请关注脚本之家其它相关文章！