Vue請求傳遞引數

2021-10-20 22:35:13 字數 3031 閱讀 2504

get請求沒有請求體,傳遞的引數是新增到url字串的後面:url?name=value&name1=value1

axios(

).then(function(resp)

)

引數附在url後面

攜帶的引數

params屬性是將引數新增到url的請求字串中。

)後端接收**

@crossorigin

(origins =

"*",maxage =

3600

)(value =

"/zc"

)public string ajax

(string yhm,string pwd)

post請求有請求體,傳遞的引數既可以放在請求體中也可以放在url後面。

data是新增到請求體(body)中,該方式傳遞的引數有兩種格式:

)請求體資料為json字串

● 伺服器端接收引數使用@requestbody 類名 物件名或者@requestbody map<>map將前端傳來的json資料封裝到乙個物件或map中。

● 前端:該格式data用查詢字串進行傳遞引數,即"name1 = value1&name2 = value2"的形式。

該形式data有兩種傳遞方式:

①直接傳遞字串

data:

"name=lhj&age=123"

,//字串形式

②使用qs.stringify()將json轉換成查詢字串

data:qs.

stringify()

,

● 後端接收

post請求用該屬性傳遞引數跟get請求一樣,將引數拼接在url之後。

)引數附在url後面

攜帶的引數後端**

content-type叫做mime(mediatype)型別,使用content-type來表示請求和響應中的**型別資訊。如果是請求頭,它用來告訴服務端如何處理請求的資料,如果是響應頭,它用來告訴客戶端(一般是瀏覽器)如何解析響應的資料。

multipart/form-data 將表單的資料處理為一條訊息,以標籤為單元,用分隔符 boundary分開。multipart/form-data 支援檔案上傳的格式,一般需要上傳檔案的表單則用該型別。

accept 為客戶端希望接受的資料型別,content-type 為(客戶端或者服務端)傳送的實體資料的資料型別,兩者是有區別的,如果服務端返回的型別和客戶端希望接受的資料型別不一致,從而報錯406。

vue引數傳遞

子父元件傳參 1 父元件 子元件 在父元件裡面的 子元件佔位便簽 中,動態繫結傳遞引數屬性,屬性名為子元件接收的引數名,屬性值為父元件傳送的引數名。v child a str v child jsdata 在子元件的props中接受引數 p p jsdata props a 2 子元件 父元件 在父...

vue 靜態引數 Vue 引數傳遞

一 父子元件 1.1父傳子 props 這裡是father元件 這是父元件要傳給子元件的引數 import child from child export default 接受的父元件靜態引數 接受的父元件引數 export default import child from child expor...

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

前言 vue中在與後端進行資料互動時,使用axios傳送請求,不做配置直接使用get請求傳遞陣列型別引數的時候,後端是無法接收資料的,需要對axios一些簡單的配置才能讓後端完美的接收陣列 示例 catch e 上述 在不做配置的時候請求資訊為 list?statuslist overdue sta...