久久无码中文字幕_日韩精品无码一本二本三_久久精品呦女暗网_欧美一级夜夜爽_久久精品国产99久久99久久久

05
2023/06

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

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

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

屏幕截圖(50).png

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

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

application/x-www-form-urlencoded

屏幕截圖(51).png

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

第二步,在需要請求接口之前,構(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)來進行添加。

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

屏幕截圖(53).png

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

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


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