axios的get請求傳入數(shù)組參數(shù)原理詳解
更新時間：2023年06月12日 14:32:08 作者：alue
這篇文章主要為大家介紹了axios的get請求傳入數(shù)組參數(shù)原理詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
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 默認的序列化方法。
解決方法
需要指定 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ù)原理詳解的詳細內(nèi)容，更多關于axios get請求傳入數(shù)組參數(shù)的資料請關注腳本之家其它相關文章！
相關文章
這篇文章主要介紹了JS返回只包含數(shù)字類型的數(shù)組實現(xiàn)方法,結(jié)合實例形式分析了循環(huán)遍歷數(shù)組及正則匹配兩種實現(xiàn)技巧,需要的朋友可以參考下2016-12-12
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)鼠標控制自由移動的窗口，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
這篇文章主要介紹了JavaScript 防抖和節(jié)流,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2021-09-09
本文主要介紹了通過js-linq庫在JavaScript中實現(xiàn)類似.NET LINQ的查詢功能,封裝Where、Select、OrderBy等方法,提升數(shù)組和可迭代對象的數(shù)據(jù)處理效率與代碼可讀性2025-09-09
微信小程序8種數(shù)據(jù)通信的方式小結(jié)
這篇文章主要介紹了微信小程序8種數(shù)據(jù)通信的方式小結(jié)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-02-02
uniapp中使用vuex的過程(解決uniapp無法在data和template中獲取vuex數(shù)據(jù)問題)
這篇文章主要介紹了uniapp中使用vuex（解決uniapp無法在data和template中獲取vuex數(shù)據(jù)問題）,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-05-05![javascript getBoundingClientRect() 來獲取頁面元素的位置的代碼[修正版]](http://img.jbzj.com/images/xgimg/bcimg6.png)
javascript getBoundingClientRect() 來獲取頁面元素的位置的代碼[修正版]
該方法已經(jīng)不再是IE Only了，F(xiàn)F3.0+和Opera9.5+已經(jīng)支持了該方法，可以說在獲得頁面元素位置上效率能有很大的提高，在以前版本的Opera和Firefox中必須通過循環(huán)來獲得元素在頁面中的絕對位置。2009-05-05
這篇文章主要介紹了js實現(xiàn)的倒計時按鈕,實例分析了javascript倒計時效果的相關實現(xiàn)技巧,需要的朋友可以參考下2015-06-06
Firefox 無法獲取cssRules 的解決辦法...2006-10-10
瀏覽器是如何將HTML、CSS和JS渲染成網(wǎng)頁的詳解
在前端開發(fā)中,了解瀏覽器如何將 HTML、CSS 和 JavaScript 轉(zhuǎn)換為用戶最終看到的頁面,對于性能優(yōu)化、問題排查以及構建高效應用至關重要,這篇文章主要介紹了瀏覽器是如何將HTML、CSS和JS渲染成網(wǎng)頁的相關資料,需要的朋友可以參考下2025-09-09