qs是一個npm倉庫所管理的包,可通過npm install qs命令進行安裝.

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

const Qs = require('qs'); let url = 'method=query_sql_dataset_data&projectId=85&appToken=7d22e38e-5717-11e7-907b-a6006ad3dba0'; Qs.parse(url); console.log(Qs.parse(url));

如上面代碼所示,輸出結果如下:

2. qs.stringify()將對象 序列化成URL的形式，以&進行拼接

const Qs = require('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));

如上面代碼所示,輸出結果如下:

那么當我們需要傳遞數組的時候，我們就可以通過下面方式進行處理：
默認情況下，它們給出明確的索引，如下代碼：

qs.stringify({ a: ['b', 'c', 'd'] }); // 'a[0]=b&a[1]=c&a[2]=d'

也可以進行重寫這種默認方式為false

qs.stringify({ a: ['b', 'c', 'd'] }, { indices: false }); // 'a=b&a=c&a=d'

當然，也可以通過arrayFormat 選項進行格式化輸出，如下代碼所示：

qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'indices' }) // 'a[0]=b&a[1]=c' qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'brackets' }) // 'a[]=b&a[]=c' qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'repeat' }) // 'a=b&a=c'

在這里需要注意的是，JSON中同樣存在stringify方法，但是兩者之間的區別是很明顯的，如下所示：

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

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

對于JSON.stringify和JSON的使用可參見:https://blog.csdn.net/suwu150/article/details/76100120

總結

以上是生活随笔為你收集整理的Vue 之 qs.parse()、qs.stringify()使用方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。