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

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

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

application/x-www-form-urlencoded

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

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

let formData = new FormData();

然后在使用

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

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

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

然后我們?cè)诎堰@個(gè)構(gòu)造好的表單直接作為參數(shù)傳遞給后臺(tái)。

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

然后我們發(fā)請(qǐng)求的時(shí)候就會(huì)看到又表單格式和普通格式分開(kāi)來(lái)了。