axios 传数组参数及对象的方法

 

在vue项目中，使用axios 传参，参数为数组的传递方式

 

问题一： 传递数组

 

解决方案：使用qs.stringify() 方法，进行转换，根据你想到的形式，设置arrayFormat的值 . 

1、qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'indices' })
// 输出结果：'a[0]=b&a[1]=c'
2、qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'brackets' })
// 输出结果：'a[]=b&a[]=c'
3、qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'repeat' })
// 输出结果：'a=b&a=c'
4、qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'comma' })
// 输出结果：'a=b,c'

 

 

问题二：数组中存储的是对象

 

数组中的元素是对象，传递过去的JSON格式如下：

{
a: 1,

b[0][c]: 1

b[0][d]: 2

}

这种格式后端接口是不能解析的。因为后端需要的格式是这样子的：

{
a: 1,

b[0].c: 1

b[0].d: 2

}

 

解决方案：

 

设置 allowDots 属性值为true, 代码如下：

 

qs.stringify({a:1,b:[{c:1,d:2}]}, {arrayFormat: 'repeat',allowDots: true}) 

 

 

作者：doubleyong

博客：bugshouji.com (专门解决与收集bug的网站)

 

欢迎添加下面的 “公众号” ，可以第一时间获到文章推送 @_@