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