axios?POST提交數(shù)據(jù)的三種請求方式寫法示例
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);
})
總結(jié)
1、從jquery轉(zhuǎn)到axios最難忘的就是要設(shè)置Content-Type,還好現(xiàn)在都搞懂了他們的原理
2、上面三種方式會對應(yīng)后臺的請求方式,這個也要注意,比如java的@RequestBody,HttpSevletRequest等等
以上就是axios POST提交數(shù)據(jù)的三種請求方式寫法示例的詳細內(nèi)容,更多關(guān)于axios POST提交數(shù)據(jù)請求方式的資料請關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
原生JS實現(xiàn)仿淘寶網(wǎng)左側(cè)商品分類菜單效果代碼
這篇文章主要介紹了原生JS實現(xiàn)仿淘寶網(wǎng)左側(cè)商品分類菜單效果代碼,可實現(xiàn)簡單的鼠標滑過tab切換的功能,非常簡單實用,需要的朋友可以參考下2015-09-09
javascript中的__defineGetter__和__defineSetter__介紹
這篇文章主要介紹了javascript中的__defineGetter__和__defineSetter__介紹,類似面向?qū)ο笳Z言中的get和set關(guān)鍵字,需要的朋友可以參考下2014-08-08
五步輕松實現(xiàn)JavaScript HTML時鐘效果
這篇文章主要為大家詳細介紹了五步輕松實現(xiàn)JavaScript HTML時鐘效果的代碼,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-11-11
JavaScript 實現(xiàn)的 zip 壓縮和解壓縮工具包Zip.js使用詳解
今天給大家介紹的文章是js實現(xiàn)的解壓縮插件zip.js,非常的簡單實用,有需要的小伙伴可以參考下。2015-12-12
JavaScript字符串轉(zhuǎn)數(shù)字的簡單實現(xiàn)方法
這篇文章主要給大家介紹了關(guān)于JavaScript字符串轉(zhuǎn)數(shù)字的簡單實現(xiàn)方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2020-11-11

