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