react中qs指的是什么
小编给大家分享一下react中qs指的是什么,希望大家阅读完这篇文章后大所收获,下面让我们一起去探讨吧!
创新互联是一家专注于做网站、网站制作与策划设计,浚县网站建设哪家好?创新互联做网站,专注于网站建设10余年,网设计领域的专业建站公司;建站业务涵盖:浚县等地区。浚县做网站价格咨询:028-86922220
react中qs是一个npm仓库所管理的包,一个增加了一些安全性的查询字符串解析和序列化字符串的库,可通过【npm install qs】命令进行安装。
react中qs:
qs
是一个npm仓库所管理的包,一个增加了一些安全性的查询字符串解析和序列化字符串的库。可通过npm install qs
命令进行安装。
react使用qs:
1、qs.parse()
将URL解析成对象的形式
import Qs from 'qs'; let url = 'method=query_sql_dataset_data&projectId=85&appToken=7d22e38e-5717-11e7-907b-a6006ad3dba0'; Qs.parse(url); console.log(Qs.parse(url));
输出结果
{ method:'query_sql_dataset_data', projectId:'85', appToken:'7d22e38e-5717-11e7-907b-a6006ad3dba0' }
2、qs.stringify()
将对象序列化成URL的形式,以&进行拼接(可用于发送查询条件)
import Qs from '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));
输出的是:
method=query_sql_dataset_data&projectId=85&appToken=7d22e38e-5717-11e7-907b-a6006ad3dba0&datasetId=%12564701
在这里需要注意的是,JSON中同样存在stringify方法,但是两者之间的区别是很明显的,如下所示:
{"uid":"cs11","pwd":"000000als","username":"cs11","password":"000000als"} uid=cs11&pwd=000000als&username=cs11&password=000000als
如上所示,前者是采用JSON.stringify(param)
进行处理,后者是采用Qs.stringify(param)
进行处理的。
看完了这篇文章,相信你对react中qs指的是什么有了一定的了解,想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!
新闻标题:react中qs指的是什么
网站URL:http://ybzwz.com/article/jogdhc.html