react中qs是什麼

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是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！