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中文網其他相關文章!