Qs.stringify、Qs.parse、JSON.stringify、JSON.parse和$.param的使用

本文讲解了Vue中axios使用post时为何需要qs.stringify,展示了Qs模块在参数转换和解析中的作用,包括Qs.parse和Qs.stringify的实际操作,并对比了JSON.stringify。重点在于URL编码和参数格式在不同场景的应用。
摘要由CSDN通过智能技术生成

Qs

1.vue的axios使用post时必须使用qs.stringify,而get不用
2.Qs是axios里面自带的,所以直接引入就可以了
3post请求参数是以键值对的形式存在请求体里,用Qs.stringify()就是把传入的对象转换为键值对
4.(application/x-www-form-urlencoded)
详情可以见https://blog.csdn.net/weixin_44518466/article/details/107021503

1.Qs.parse

const Qs = require('qs');
let url = 'Document=123&userId=85';
Qs.parse(url);
console.log(Qs.parse(url));
//结果:
//{
//	Document:123,
//	userId:85
//}

2.Qs.stringify

const Qs = require('qs');
let obj= {
     Document:123,
     userId:85
   };
Qs.stringify(obj);
console.log(Qs.stringify(obj));
//结果
//'Document=123&userId=85'

JSON
1.JSON.parse

var str = '{"Document":"123","userId":"85"}'
JSON.parse(str) 
//结果:
//Document: "123"
//userId: "85" 
//__proto__: Object

2.JSON.stringify

var str ='{"Document":"123","userId":"85"}'
JSON.stringify(str);
//结果:
//"{"Document":"123","userId":"85"}"
//如果对应的值为null,则会导致参数消失。

3.$.param

var str =  '{"Document":"123","userId":"85"}'
$.param(str)
//结果:
//Document=123&userId=85
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值