亚洲av无码乱码国产一区二区,午夜理论片yy44880影院,午夜久久久久久禁播电影,熟睡人妻被讨厌的公侵犯

05
2023/06

請求中如何以表單的形式提交參數(shù)

發(fā)布時間:2023-06-05 10:11:46
發(fā)布者:大伊萬
瀏覽量:
0

請求中如何以表單的形式提交參數(shù)

屏幕截圖(50).png

大家看,我們的請求除了以常規(guī)對象參數(shù)提交的情況外,還有一種是使用表單形式提交,以下是在vue中使用表單形式來提交參數(shù)的例子

首先,第一步要先設(shè)置請求頭,更改請求頭 headers 中 content-type 為 

application/x-www-form-urlencoded

屏幕截圖(51).png

這里大家可以把各類請求封裝,這樣只需要設(shè)置一次請求頭就可以。

第二步,在需要請求接口之前,構(gòu)造表單formData

let formData = new FormData();

然后在使用

formData.append(key, this.addTable[key]);

往表單里添加內(nèi)容,

屏幕截圖(52).png

key是一個字符串,他的值就是表單元素中鍵值對的鍵,第二個參數(shù)是鍵值對中的值,如果需要一個對象內(nèi)的多個數(shù)據(jù),可以使用循環(huán)來進(jìn)行添加。

然后我們在把這個構(gòu)造好的表單直接作為參數(shù)傳遞給后臺。

屏幕截圖(53).png

Ps:這里我使用了封裝的post請求,可以大大減少重復(fù)寫axios的次數(shù),簡化了寫法,但是也有了同時傳遞兩種不同格式的參數(shù)的局限性。

然后我們發(fā)請求的時候就會看到又表單格式和普通格式分開來了。


關(guān)鍵詞:
返回列表