請求中如何以表單的形式提交參數(shù)
大家看,我們的請求除了以常規(guī)對象參數(shù)提交的情況外,還有一種是使用表單形式提交,以下是在vue中使用表單形式來提交參數(shù)的例子
首先,第一步要先設置請求頭,更改請求頭 headers 中 content-type 為
application/x-www-form-urlencoded
這里大家可以把各類請求封裝,這樣只需要設置一次請求頭就可以。
第二步,在需要請求接口之前,構(gòu)造表單formData
let formData = new FormData();
然后在使用
formData.append(key, this.addTable[key]);
往表單里添加內(nèi)容,
key是一個字符串,他的值就是表單元素中鍵值對的鍵,第二個參數(shù)是鍵值對中的值,如果需要一個對象內(nèi)的多個數(shù)據(jù),可以使用循環(huán)來進行添加。
然后我們在把這個構(gòu)造好的表單直接作為參數(shù)傳遞給后臺。
Ps:這里我使用了封裝的post請求,可以大大減少重復寫axios的次數(shù),簡化了寫法,但是也有了同時傳遞兩種不同格式的參數(shù)的局限性。
然后我們發(fā)請求的時候就會看到又表單格式和普通格式分開來了。
上一篇: Vue路由匹配參數(shù)