标签：Qs stringify projectId 什么 qs react 907b query

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



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

react中qs：

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

react使用qs：

1、qs.parse()将URL解析成对象的形式

1

2

3

4

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));

输出结果

1

2

3

4

5

{

    method:'query_sql_dataset_data',

    projectId:'85',

    appToken:'7d22e38e-5717-11e7-907b-a6006ad3dba0'

}

2、qs.stringify()将对象序列化成URL的形式，以&进行拼接(可用于发送查询条件)

1

2

3

4

5

6

7

8

9

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));

输出的是：

1

method=query_sql_dataset_data&projectId=85&appToken=7d22e38e-5717-11e7-907b-a6006ad3dba0&datasetId=%12564701

在这里需要注意的是，JSON中同样存在stringify方法，但是两者之间的区别是很明显的，如下所示：

1

2

{"uid":"cs11","pwd":"000000als","username":"cs11","password":"000000als"}

uid=cs11&pwd=000000als&username=cs11&password=000000als

如上所示，前者是采用JSON.stringify(param)进行处理，后者是采用Qs.stringify(param)进行处理的。

相关免费学习推荐：javascript（视频）

标签：Qs,stringify,projectId,什么,qs,react,907b,query
来源： https://blog.csdn.net/zy17822307856/article/details/112761448

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。