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等等

其他技術參考：

https://www.cnblogs.com/vergilLu/p/14610832.html

 

文章轉自：https://segmentfault.com/a/1190000015261229