码迷,mamicode.com
首页 > Web开发 > 详细

qs.js - 更好的处理url参数

时间:2018-05-31 12:23:22      阅读:10707      评论:0      收藏:0      [点我收藏+]

标签:一个   compare   pre   参数   repeat   xxx   需要   post   []   

第一次接触 qs 这个库,是在使用axios时,用于给post方法编码,在使用过程中,接触到了一些不同的用法,写在这里分享一下。

qs.parse

qs.parse 方法可以把一段格式化的字符串转换为对象格式,比如

let url = ‘http://item.taobao.com/item.htm?a=1&b=2&c=&d=xxx&e‘;
let data = qs.parse(url.split(‘?‘)[1]);

// data的结果是
{
    a: 1, 
    b: 2, 
    c: ‘‘, 
    d: xxx, 
    e: ‘‘
}

qs.stringify

基本用法

qs.stringify 则和 qs.parse 相反,是把一个参数对象格式化为一个字符串。

let params = { c: ‘b‘, a: ‘d‘ };
qs.stringify(params)

// 结果是
‘c=b&a=d‘

排序

甚至可以对格式化后的参数进行排序:

qs.stringify(params, (a,b) => a.localeCompare(b))

// 结果是
‘a=b&c=d‘

指定数组编码格式

let params = [1, 2, 3];

// indices(默认)
qs.stringify({a: params}, {
    arrayFormat: ‘indices‘
})
// 结果是
‘a[0]=1&a[1]=2&a[2]=3‘

// brackets 
qs.stringify({a: params}, {
    arrayFormat: ‘brackets‘
})
// 结果是
‘a[]=1&a[]=2&a[]=3‘

// repeat
qs.stringify({a: params}, {
    arrayFormat: ‘repeat‘
})
// 结果是
‘a=1&a=2&a=3‘

处理json格式的参数

在默认情况下,json格式的参数会用 [] 方式编码,

let json = { a: { b: { c: ‘d‘, e: ‘f‘ } } };

qs.stringify(json);
//结果 ‘a[b][c]=d&a[b][e]=f‘

但是某些服务端框架,并不能很好的处理这种格式,所以需要转为下面的格式

qs.stringify(json, {allowDots: true});
//结果 ‘a.b.c=d&a.b.e=f‘

qs.js - 更好的处理url参数

标签:一个   compare   pre   参数   repeat   xxx   需要   post   []   

原文地址:https://www.cnblogs.com/small-coder/p/9115972.html

(6)
(748)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!