能同经闻

　　react中qs是一个npm仓库所管理的包，一个增加了一些安全性的查询字符串解析和序列化字符串的库，可通过【npm install qs】命令进行安装。

　　本教程操作环境：windows7系统、React17版，该方法适用于所有品牌电脑。

　　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