axios的get请求传入数组参数原理详解
更新时间：2023年06月12日 14:32:08 作者：alue
这篇文章主要为大家介绍了axios的get请求传入数组参数原理详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
axios 发送 get 请求
axios 发送 get 请求的一般方式如下:
axios.get(url,{params:{
a:1
}})
但是，如果 params 里有数组参数的话，上面的方法就会带来问题。
例如, 这里发送的请求参数 b 是数组:
axios.get(url,{params:{
a:1,
b:[1,2]
}})
这时候，后端 Django 用 request.GET.getlist('b') 获取到的参数 b 一直是 [].
原因
原因是对数组的序列化有多种方式，我们需要前后端统一序列化方式，才能够正确解码。
Django 的 request.GET.getlist('b') , 对请求参数 b 的序列化要求是这样子的
b=1&b=2
也就是说，用&连接数组中的元素，这并不是 axios 默认的序列化方法。
解决方法
需要指定 axios 的序列化方式，我们可以用 paramsSerializer 参数指定序列化函数。
更简单的方式是使用 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请求传入数组参数原理详解的详细内容，更多关于axios get请求传入数组参数的资料请关注脚本之家其它相关文章！
相关文章
这篇文章主要介绍了JavaScript实现列出数组中最长的连续数的方法及使用,需要的朋友可以参考下2014-12-12
这篇文章主要给大家介绍了JavaScript中双符号的运算，其中包括双波浪号和双感叹号的运算，文中给出了详细的示例代码，需要的朋友们可以参考借鉴，下面来一起看看吧。2017-03-03
eval() 函数计算 JavaScript 字符串，并把它作为脚本代码来执行，本文给大家2015-12-12
这篇文章主要介绍了ajaxFileUpload.js插件支持多文件上传的方法,需要的朋友可以参考下2014-09-09
这篇文章主要介绍了让alert不出现弹窗的两种方法,需要的朋友可以参考下2014-05-05
这篇文章主要是对JavaScript作用域和作用域链作简单的介绍，希望能帮助大家更好的学习JavaScript2013-12-12
下面小编就为大家带来一篇JavaScript中事件绑定的方法总结。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
这篇文章主要介绍了js实现图片和链接文字同步切换特效的方法,涉及javascript操作文字及图片的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-02-02
js中继承的几种用法总结(apply,call,prototype)
本篇文章主要介绍了js中继承的几种用法总结(apply,call,prototype) 需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
通常,我们在使用electron框架的时候会使用到loadFile/loadURL进行页面的加载,分别是加载本地文件和加载网络文件,当nuxtjs/nextjs想引入到electron中显示时,你会遇到资源路径引用的问题,所以本文给大家介绍了Electron中关于静态资源加载问题的解决方案2024-12-12
最新评论