咨询电话:
15628812133
05
2023/06

请求中如何以表单的形式提交参数

发布时间:2023-06-05 10:11:46
发布者:大伊万
浏览量:
0

请求中如何以表单的形式提交参数

屏幕截图(50).png

大家看,我们的请求除了以常规对象参数提交的情况外,还有一种是使用表单形式提交,以下是在vue中使用表单形式来提交参数的例子

首先,第一步要先设置请求头,更改请求头 headers 中 content-type 为 

application/x-www-form-urlencoded

屏幕截图(51).png

这里大家可以把各类请求封装,这样只需要设置一次请求头就可以。

第二步,在需要请求接口之前,构造表单formData

let formData = new FormData();

然后在使用

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

往表单里添加内容,

屏幕截图(52).png

key是一个字符串,他的值就是表单元素中键值对的键,第二个参数是键值对中的值,如果需要一个对象内的多个数据,可以使用循环来进行添加。

然后我们在把这个构造好的表单直接作为参数传递给后台。

屏幕截图(53).png

Ps:这里我使用了封装的post请求,可以大大减少重复写axios的次数,简化了写法,但是也有了同时传递两种不同格式的参数的局限性。

然后我们发请求的时候就会看到又表单格式和普通格式分开来了。


关键词:
返回列表