首頁 >web前端 >js教程 >react中qs是什麼

react中qs是什麼

coldplay.xixi
coldplay.xixi原創
2020-12-11 11:41:582585瀏覽

react中qs是一個npm倉庫所管理的包,一個增加了一些安全性的查詢字串解析和序列化字串的庫,可透過【npm install qs】指令進行安裝。

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

相關文章

看更多