post请求发送form表单数据

问题: 有些时候,我们需要使用 axios 来发送form表单类型的数据,这个时候只修改 method 或者请求头(headers)是没有效果的。

解决方式: js里面有一个 FormData 的构造函数,根据这个构造函数就可以创建一个 form 表单类型的数据,如下:

var formData = new FormData();   // 创建一个formData对象
var value = '这是参数的值';
formData.append("key1",value);    // 给这个对象添加键值对
formData.append("key2",value);

formData.delete("key1");    // 删除formData的key1

// 现在就可以把这个formData通过post请求发给后端了,此时后端接收到的就是form表单类型的数据
axios({         
	url:"xxx",
	method:"post",
	data:formData,
	headers: {
      "Content-Type": "application/x-www-form-urlencoded",
    },
})

FormData 的详细 api 可以在 MDN 上面查看

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值