react中qs指的是什么

小編給大家分享一下react中qs指的是什么，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

react中qs是一個(gè)npm倉庫所管理的包，一個(gè)增加了一些安全性的查詢字符串解析和序列化字符串的庫，可通過【npm install qs】命令進(jìn)行安裝。

react中qs：

qs是一個(gè)npm倉庫所管理的包，一個(gè)增加了一些安全性的查詢字符串解析和序列化字符串的庫?？赏ㄟ^npm install qs命令進(jìn)行安裝。

react使用qs：

1、qs.parse()將URL解析成對(duì)象的形式

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

輸出結(jié)果

{
    method:'query_sql_dataset_data',
    projectId:'85',
    appToken:'7d22e38e-5717-11e7-907b-a6006ad3dba0'
}

2、qs.stringify()將對(duì)象序列化成URL的形式，以&進(jìn)行拼接(可用于發(fā)送查詢條件)

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方法，但是兩者之間的區(qū)別是很明顯的，如下所示：

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

如上所示，前者是采用JSON.stringify(param)進(jìn)行處理，后者是采用Qs.stringify(param)進(jìn)行處理的。

看完了這篇文章，相信你對(duì)react中qs指的是什么有了一定的了解，想了解更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！