請求中如何以表單的形式提交參數

大家看,我們的請求除了以常規對象參數提交的情況外,還有一種是使用表單形式提交,以下是在vue中使用表單形式來提交參數的例子
首先,第一步要先設置請求頭,更改請求頭 headers 中 content-type 為
application/x-www-form-urlencoded

這里大家可以把各類請求封裝,這樣只需要設置一次請求頭就可以。
第二步,在需要請求接口之前,構造表單formData
let formData = new FormData();
然后在使用
formData.append(key, this.addTable[key]);
往表單里添加內容,

key是一個字符串,他的值就是表單元素中鍵值對的鍵,第二個參數是鍵值對中的值,如果需要一個對象內的多個數據,可以使用循環來進行添加。
然后我們在把這個構造好的表單直接作為參數傳遞給后臺。

Ps:這里我使用了封裝的post請求,可以大大減少重復寫axios的次數,簡化了寫法,但是也有了同時傳遞兩種不同格式的參數的局限性。
然后我們發請求的時候就會看到又表單格式和普通格式分開來了。
上一篇: Vue路由匹配參數



