qs.parse()、qs.stringify()使用方法

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

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

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

结果如下：

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'