qs.parse()、qs.stringify()使用方法,以及数组参数处理

qs是一个npm仓库所管理的包,可通过npm install qs命令进行安装. 

1. qs.parse()将URL解析成对象的形式

const Qs = require('qs');
let url = 'method=query_sql_dataset_data&projectId=85&appToken=7d22e38e-5717-11e7-907b-a6006ad3dba0';
Qs.parse(url);
console.log(Qs.parse(url));

处理结果会变成json格式的对象字符串

2. qs.stringify()将对象 序列化成URL的形式,以&进行拼接

在使用vue提交表单的时候,表单中有select多选框,提交的数据中包含数组,在通过qs.stringify处理后,在后台接收不到数组的参数,查阅资料发现需要设置数组的arrayFormat,如下面例子:

qs.stringify({imgIds: [48,49]},{arrayFormat: 'brackets'}) arrayFormat可以格式化你的数组参数,有三种形式,这里选择brackets就可以了

格式化数组参数的三种方法:

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'

猜你喜欢

转载自blog.csdn.net/sayoko06/article/details/86131498
qs