qs.parse() qs.stringify()用法

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的区别
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值