axios?POST提交數(shù)據(jù)的三種請(qǐng)求方式寫(xiě)法示例
更新時(shí)間：2023年09月01日 09:27:54 作者：Awbeci
這篇文章主要介紹了axios?POST提交數(shù)據(jù)的三種請(qǐng)求方式寫(xiě)法示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
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、上面三種方式會(huì)對(duì)應(yīng)后臺(tái)的請(qǐng)求方式，這個(gè)也要注意，比如java的@RequestBody，HttpSevletRequest等等
以上就是axios POST提交數(shù)據(jù)的三種請(qǐng)求方式寫(xiě)法示例的詳細(xì)內(nèi)容，更多關(guān)于axios POST提交數(shù)據(jù)請(qǐng)求方式的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
webpack4 optimization使用總結(jié)
這篇文章主要介紹了webpack4 optimization使用總結(jié)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
原生js實(shí)現(xiàn)ajax請(qǐng)求和JSONP跨域請(qǐng)求操作示例
這篇文章主要介紹了原生js實(shí)現(xiàn)ajax請(qǐng)求和JSONP跨域請(qǐng)求操作,結(jié)合實(shí)例形式分析了基于原生js實(shí)現(xiàn)的ajax請(qǐng)求和JSONP跨域請(qǐng)求相關(guān)操作技巧與使用注意事項(xiàng),需要的朋友可以參考下2020-03-03
JavaScript極簡(jiǎn)入門(mén)教程（二）：對(duì)象和函數(shù)
這篇文章主要介紹了JavaScript極簡(jiǎn)入門(mén)教程（二）：對(duì)象和函數(shù),本文講解了對(duì)象基礎(chǔ)知識(shí)、函數(shù)基礎(chǔ)知識(shí)、函數(shù)調(diào)用、異常、繼承等內(nèi)容,需要的朋友可以參考下2014-10-10
在數(shù)組中有兩個(gè)可以用來(lái)直接排序的方法，分別是reverse（）和sort（）。下面通過(guò)本文給大家詳細(xì)介紹，對(duì)js 數(shù)組重排序相關(guān)知識(shí)感興趣的朋友一起看看吧2016-11-11
微信小程序?qū)W習(xí)筆記之文件上傳、下載操作圖文詳解
這篇文章主要介紹了微信小程序?qū)W習(xí)筆記之文件上傳、下載操作,結(jié)合實(shí)例形式分析了微信小程序圖片文件傳輸?shù)脑?、步驟及后臺(tái)php操作相關(guān)實(shí)現(xiàn)技巧,并結(jié)合圖文形式予以詳細(xì)說(shuō)明,需要的朋友可以參考下2019-03-03
bootstrap treeview 樹(shù)形菜單帶復(fù)選框及級(jí)聯(lián)選擇功能
這篇文章主要介紹了bootstrap treeview 樹(shù)形菜單帶復(fù)選框及級(jí)聯(lián)選擇功能,代碼超簡(jiǎn)單，感興趣的朋友跟隨腳本之家小編一起學(xué)習(xí)吧2018-06-06
原生javaScript實(shí)現(xiàn)圖片延時(shí)加載的方法
這篇文章主要介紹了原生javaScript實(shí)現(xiàn)圖片延時(shí)加載的方法,無(wú)需通過(guò)載入jQuery腳本即可實(shí)現(xiàn)圖片的延時(shí)加載效果,是非常實(shí)用的技巧,需要的朋友可以參考下2014-12-12
javascript 節(jié)點(diǎn)排序?qū)崿F(xiàn)代碼
為了讓自定義選擇選擇出的節(jié)點(diǎn)集合盡可能接近原生API選出的結(jié)果，我們往往要對(duì)結(jié)果集進(jìn)行排序，此順序當(dāng)然是從上到下，從左到右的DOM樹(shù)順序。2011-01-01
使用Sticky組件實(shí)現(xiàn)帶sticky效果的tab導(dǎo)航和滾動(dòng)導(dǎo)航的方法
sticky組件，通常應(yīng)用于導(dǎo)航條或者工具欄，當(dāng)網(wǎng)頁(yè)在某一區(qū)域滾動(dòng)的時(shí)候，將導(dǎo)航條或工具欄這類(lèi)元素固定在頁(yè)面頂部或底部，方便用戶快速進(jìn)行這類(lèi)元素提供的操作2016-03-03
JavaScript中的Window.open()用法示例詳解
這篇文章主要給大家介紹了關(guān)于JavaScript中Window.open()用法的相關(guān)資料,今天在項(xiàng)目中用到了彈出子窗口,就想到了用JavaScript實(shí)現(xiàn)的兩種方法,其中一個(gè)就是window.open(),需要的朋友可以參考下2023-07-07