vue中get請求如何傳遞陣列引數

2021-09-29 11:40:09 字數 1049 閱讀 3961

前言: vue中在與後端進行資料互動時,使用axios傳送請求,不做配置直接使用get請求傳遞陣列型別引數的時候,後端是無法接收資料的,需要對axios一些簡單的配置才能讓後端完美的接收陣列

示例**

.catch(e => {})上述**在不做配置的時候請求資訊為:/list?statuslist=overdue&statuslist=delay對於後端來說,statuslist形式的提交是無效的,實際需要的是/list?statuslist=overdue&statuslist=delay這種方式的提交。那麼我們應該如何來解決這種問題呢?

2.1 qs外掛程式

1、qs.stringify(, )

// 輸出結果:'a[0]=b&a[1]=c'

2、qs.stringify(, )

// 輸出結果:'a=b&a=c'

3、qs.stringify(, )

// 輸出結果:'a=b&a=c'

4、qs.stringify(, )

// 輸出結果:'a=b,c'

上述我們列舉了qs中的序列化幾種配置,其中的序列化結果滿足我們的條件

2.2 axios配置

axios中有乙個專門對資料進行序列化的配置屬性paramsserializer

paramsserializer: function(params) )

},

2.3 具體配置

我們可以在axios請求***中對引數進行序列化配置

axios.interceptors.request.use(async (config) => )

}}}

diboot 簡單高效的輕**開發框架 (歡迎star)

如何通過Get請求給後台傳遞陣列

位址的如下格式 由上面的位址可以看出所傳遞的陣列就是ids 了,然後就是展示一下後台怎麼接收這個陣列。話不多說上 pullmany public void pullmany requestparam value ids string ids 輸出的結果正是1322455795329273856 和1...

vue中get和post請求

vue中和後台互動,首先要引用vue resource.js vue resource.js是專門和後台進行互動 vue中 請求 function getrequest url,params then res catch res vue的get請求傳遞引數的時候要用 這樣來傳遞引數,否則就無法傳遞引...

get傳遞陣列引數

get請求時傳遞的引數有乙個是陣列時,要做序列化處理。下面是不需要用外掛程式就可以解決的方法 axios有乙個方法 paramsserializer,可以處理params的陣列 下面舉例 vue檔案裡請求時傳的是三個引數 methods getdata para then res 封裝的api檔案 ...