本教程操作环境：windows7系统、vue3版，DELL G3电脑。一、qs是什么？qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库。可以进行对象与字符串之间的一个转换。二、qs的安装qs，是axiOS中自带的，也是npm仓
本教程操作环境：windows7系统、vue3版，DELL G3电脑。
qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库。可以进行对象与字符串之间的一个转换。
qs，是axiOS中自带的，也是npm仓库所管理的包。
安装方式：
npm install qsVue项目中的导入方式：
import qs from 'qs'Vue项目中的main.js中设置全局属性的方式：
Vue.prototype.$qs = qs请求方式为post，axios.defaults.headers.post['Content-Type'] = 'application/x-www-fORM-urllencoded'，将对象或数组的参数使用qs.stringify()进行序列化转化
介绍它的两个方法：stringify和parse。
qs.stringify(data)
stringify方法，是将对象序列化成url形式的字符串，以&符号进行拼接。
onst Qs = require('qs');
let obj= {
method: "query_sql_dataset_data",
projectId: "85",
appToken: "7d22e38e-5717-11e7-907b-a6006ad3Dba0",
datasetId: " 12564701"
};
Qs.stringify(obj);
console.log(Qs.stringify(obj));如上面代码所示,输出结果如下
{"uid":"cs11","pwd":"000000als","username":"cs11","passWord":"000000als"}
uid=cs11&pwd=000000als&username=cs11&password=000000alsqs.parse(data)
parse方法，是将URL形式的字符串解析成对象
示例及输出效果如下:
import qs from 'qs'
const userStr = 'name=xiaoming&password=123456'
//qs.parse(userStr)
console.log('转换后的格式：',qs.parse(userStr))
// Object{
// name:'xiaoming',
// password:'123456'
// }一直不太了解qs与JSON到底有什么区别？！网上仔细查了一下，总结如下：
| qs | JSON | ||
|---|---|---|---|
| 相同点 | 都是进行对象与字符串之间的转换 | ||
| 异同点 | stringif方法 | 前后端交互时,将对象序列化为url形式的数据，用&拼接 | 数据转化为正常的json字符串格式 |
对象数据：{name:'xiaoming',password:'123123'} 转换后数据： name=xiaoming&password=123123 | 对象数据：{name:'xiaoming',password:'123123'} 转换后数据： ’{"name":"xiaoming","password":"123123"}‘ | ||
| parse方法 | 字符串数据： name=xiaoming&password=123123 转换后数据： {name:'xiaoming',password:'123123'} | 字符串数据： ’{"name":"xiaoming","password":"123123"}‘ 转换后数据： {name:'xiaoming',password:'123123'} | |
以上就是vue中qs的两个方法是什么的详细内容，更多请关注编程网其它相关文章！
--结束END--
本文标题: vue中qs的两个方法是什么
本文链接: https://lsjlt.com/news/206065.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
2023-05-25
2023-05-25
2023-05-25
2023-05-25
2023-05-25
2023-05-24
2023-05-24
2023-05-24
2023-05-24
2023-05-24
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0