react中qs指的是什么-创新互联

小编给大家分享一下react中qs指的是什么，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！

创新互联是专业的南昌县网站建设公司，南昌县接单;提供成都网站制作、成都网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行南昌县网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

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://mswzjz.cn/article/cdhiop.html