ios html转码json,使用axios发送post请求,将JSON数据改为form类型的示例

本文介绍了如何使用axios在前端将JSON数据转换为'application/x-www-form-urlencoded'格式,以便于后端能够正确解析。主要内容包括设置Content-Type、引入qs库以及转换数据的步骤,提供了一个详细的示例来展示转换过程。
摘要由CSDN通过智能技术生成

通常前端通过POST请求向服务器端提交数据格式有4中,分别是"application/x-www-form-urlencoded"格式、" multipart/form-data"格式、"application/json"格式和"text/xml"格式。通常最常见的是"application/json"格式,也就是通过JSON字符串形式。

53171d4cfabfbc53e41bc6ceccddd761.png

在控制台看到的数据就是这样:

26ea4db80ee43efd1b79a8ab76fff2a6.png

有的时候后台需要Form形式的数据才能正常解析,所以前端需要在传过去时修改一下格式。开始我以为是修改Content-Tyoe属性,于是就

axios.defaults.headers = {

'Content-type': 'application/x-www-form-urlencoded'

}

设置之后看到请求时的Content-type变成了application/x-www-form格式,但是数据没变。之后找了很久终于找到真正的方法。

第一步:引入axios ps

401ba350264ec7517987222b71930a70.png

第二步:使用qs 转换

3d7f4811fc3ea9542c3096ff4c3ec123.png

之后看一下请求数据格式就变成了这样:

4f8fd4642e174e86bede45bc83b87191.png

以上这篇使用axios发送post请求,将JSON数据改为form类型的示例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值