qs是一个npm仓库所管理的包,可通过npm install qs命令进行安装
遇到这样的参数怎么传?
qs.parse()将URL解析成对象的形式
import qs from 'qs';
var url = 'name=zhangsan&age=16&hobby=sing'
console.log("转化成对象",qs.parse(url))
输出结果如下:
qs.stringify()将对象序列化成url的形式,以&进行拼接
import qs from 'qs';
var obj = {
name: 'zhangsan',
age: 16,
hobby: 'sing'
}
console.log("转化成对象",qs.stringify(obj))
输出结果如下:
所以在这里就需要注意,看看后台需要什么样的参数,你就转换成什么类型,我们可以通过以下方式进行处理:
当我们 传递对象的时候,可以这样:
qs.stringify({c: 'b', a: 'd'})
// 'c=b&a=d'
当我们传递数组的时候,可以使用以下方式:
1.默认情况下,它们会解析成有索引的形式:如下:
qs.stringify({a: ['b', 'c', 'd']});
// 'a[0]=b&a[1]=c&a[2]=d'
2.也可以重写这种默认形式:
qs.stringify({ a: ['b', 'c', 'd'] }, { indices: false });
// 'a=b&a=c&a=d'
3.也可以通过arrayFormat进行格式化输出:
qs.stringify({a: ['b', 'c']}, {arrayFormat: 'indices'})
// 'a[0]=b&a[1]=c'
qs.stringify({a: ['b', 'c']}, {arrayFormat: 'brackets'})
// 'a[]=b&a[]=c'
qs.stringify({a: ['b', 'c']}, {arrayFormat: 'repeat'})
// 'a=b&a=c'
4.对比JSON.stringify和qs.stringify的区别