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请求传入数组参数的资料请关注脚本之家其它相关文章！
相关文章
这篇文章主要介绍了JS为promise增加abort功能，想了解JS异步的同学，可以参考下2021-04-04
这篇文章主要介绍了JavaScript实现多维数组的方法，有需要的朋友可以参考一下2013-11-11
这篇文章主要介绍了点评js异步加载的4种方式，帮助大家更全面的了解js异步加载方式，感兴趣的小伙伴们可以参考一下2015-12-12
javascript实现数组内值索引随机化及创建随机数组的方法
这篇文章主要介绍了javascript实现数组内值索引随机化及创建随机数组的方法,涉及javascript数组索引及随机数的相关实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
JavaScript实现获取select下拉框中第一个值的方法
这篇文章主要介绍了JavaScript实现获取select下拉框中第一个值的方法,涉及javascript针对页面元素属性的相关获取操作技巧,需要的朋友可以参考下2018-02-02
这篇文章主要介绍了echarts统计x轴区间的数值,本文给出了实现实例及实例代码，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2019-07-07
javascript设计模式 – 单例模式原理与应用实例分析
这篇文章主要介绍了javascript设计模式 – 单例模式原理与应用,结合实例形式分析了javascript单例模式原理、定义、应用场景及相关操作注意事项,需要的朋友可以参考下2020-04-04
一些javascript常见函数，方便当作学习参考2008-05-05
这篇文章主要介绍了正则表达式优化JSON字符串的技巧的相关资料,需要的朋友可以参考下2015-12-12
这篇文章主要介绍了Bootstrap 实现表格样式、表单布局的实例代码,需要的朋友可以参考下2018-12-12
最新评论