axios的get請求傳入數(shù)組參數(shù)原理詳解
更新時間：2023年06月12日 14:32:08 作者：alue
這篇文章主要為大家介紹了axios的get請求傳入數(shù)組參數(shù)原理詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
axios 發(fā)送 get 請求
axios 發(fā)送 get 請求的一般方式如下:
axios.get(url,{params:{
a:1
}})
但是，如果 params 里有數(shù)組參數(shù)的話，上面的方法就會帶來問題。
例如, 這里發(fā)送的請求參數(shù) b 是數(shù)組:
axios.get(url,{params:{
a:1,
b:[1,2]
}})
這時候，后端 Django 用 request.GET.getlist('b') 獲取到的參數(shù) b 一直是 [].
原因
原因是對數(shù)組的序列化有多種方式，我們需要前后端統(tǒng)一序列化方式，才能夠正確解碼。
Django 的 request.GET.getlist('b') , 對請求參數(shù) b 的序列化要求是這樣子的
b=1&b=2
也就是說，用&連接數(shù)組中的元素，這并不是 axios 默認(rèn)的序列化方法。
解決方法
需要指定 axios 的序列化方式，我們可以用 paramsSerializer 參數(shù)指定序列化函數(shù)。
更簡單的方式是使用 qs 庫：
import qs from "qs";
axios.get(url,{
params:{
a:1,
b:[1,2]
},
paramsSerializer: function (params) {
return qs.stringify(params, { arrayFormat: "repeat" });
},
})以上就是axios的get請求傳入數(shù)組參數(shù)原理詳解的詳細(xì)內(nèi)容，更多關(guān)于axios get請求傳入數(shù)組參數(shù)的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
JavaScript實(shí)現(xiàn)列出數(shù)組中最長的連續(xù)數(shù)
這篇文章主要介紹了JavaScript實(shí)現(xiàn)列出數(shù)組中最長的連續(xù)數(shù)的方法及使用,需要的朋友可以參考下2014-12-12
這篇文章主要給大家介紹了JavaScript中雙符號的運(yùn)算，其中包括雙波浪號和雙感嘆號的運(yùn)算，文中給出了詳細(xì)的示例代碼，需要的朋友們可以參考借鑒，下面來一起看看吧。2017-03-03
eval() 函數(shù)計算 JavaScript 字符串，并把它作為腳本代碼來執(zhí)行，本文給大家2015-12-12
這篇文章主要介紹了ajaxFileUpload.js插件支持多文件上傳的方法,需要的朋友可以參考下2014-09-09
這篇文章主要介紹了讓alert不出現(xiàn)彈窗的兩種方法,需要的朋友可以參考下2014-05-05
這篇文章主要是對JavaScript作用域和作用域鏈作簡單的介紹，希望能幫助大家更好的學(xué)習(xí)JavaScript2013-12-12
關(guān)于JavaScript中事件綁定的方法總結(jié)
下面小編就為大家?guī)硪黄狫avaScript中事件綁定的方法總結(jié)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
js實(shí)現(xiàn)圖片和鏈接文字同步切換特效的方法
這篇文章主要介紹了js實(shí)現(xiàn)圖片和鏈接文字同步切換特效的方法,涉及javascript操作文字及圖片的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
js中繼承的幾種用法總結(jié)(apply,call,prototype)
本篇文章主要介紹了js中繼承的幾種用法總結(jié)(apply,call,prototype) 需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
Electron中關(guān)于靜態(tài)資源加載問題的解決方案
通常,我們在使用electron框架的時候會使用到loadFile/loadURL進(jìn)行頁面的加載,分別是加載本地文件和加載網(wǎng)絡(luò)文件,當(dāng)nuxtjs/nextjs想引入到electron中顯示時,你會遇到資源路徑引用的問題,所以本文給大家介紹了Electron中關(guān)于靜態(tài)資源加載問題的解決方案2024-12-12