axios中的qs介紹

2021-09-25 01:51:47 字數 1210 閱讀 9143

qs.parse()、qs.stringify()

qs.parse()將url解析成物件的形式

const qs =

require

('qs');

let url =

;qs.

parse

(url)

;console.

log(qs.

parse

(url)

);

qs.stringify()將物件 序列化成url的形式,以&進行拼接

const qs =

require

('qs');

let obj=

;qs.

stringify

(obj)

;console.

log(qs.

stringify

(obj)

);

那麼當我們需要傳遞陣列的時候,我們就可以通過下面方式進行處理:

預設情況下,它們給出明確的索引,如下**:

qs.

stringify()

;// 'a[0]=b&a[1]=c&a[2]=d'

也可以進行重寫這種預設方式為false

qs.

stringify(,

);// 'a=b&a=c&a=d'

當然,也可以通過arrayformat 選項進行格式化輸出,如下**所示:

qs.

stringify(,

)// 'a[0]=b&a[1]=c'

qs.stringify(,

)// 'a=b&a=c'

qs.stringify(,

)// 'a=b&a=c'

在這裡需要注意的是,json中同樣存在stringify方法,但是兩者之間的區別是很明顯的,如下所示:

uid=cs11&pwd=

000000als&username=cs11&password=

000000als

如上所示,前者是採用json.stringify(param)進行處理,後者是採用qs.stringify(param)進行處理的。

–對於json.stringify和json的使用可參見:

vue 使用qs傳送axios請求 傳遞多個引數

之前使用vue傳送引數都是放到乙個物件裡 後來發現可以使用qs把乙個物件拆分開,發給後台 步驟一 npm i qs 步驟二 在main.js中引入 import qs from qs 步驟三 這樣後台接收到的就不是乙個物件了,而是兩個單獨的?驗證中 axios.post api computer a...

vue下axios外掛程式qs解析資料格式

let url let data qs.parse url.split 1 data的結果是 let params qs.stringify params 結果是 c b a d let params 1,2,3 indices 預設 qs.stringify 結果是 a 0 1 a 1 2 a 2...

Axios的介紹及使用

什麼是axios axios 是乙個基於 promise 的 http 庫,簡單的講就是可以傳送get post請求。說到get post,大家應該第一時間想到的就是jquery吧,畢竟前幾年jquery比較火的時候,大家都在用他。但是由於vue react等框架的出現,jquery也不是那麼吃香了...