react中qs是一个npm仓库所管理的包,一个增加了一些安全性的查询字符串解析和序列化字符串的库,可通过【npm install qs】命令进行安装。
本教程操作环境:windows7系统、react17版、thinkpad t480电脑。
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)进行处理的。
相关免费学习推荐:javascript(视频)
以上就是react中qs是什么的详细内容。