ios post html代码,使用axios发送post请求,将JSON数据改为为form类型(示例代码)

本文介绍了前端如何通过axios向服务器提交不同格式的数据,重点讲解了将数据格式从JSON转换为'application/x-www-form-urlencoded'的问题。通过引入qs库并正确设置axios配置,实现了请求数据格式的转换。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我的github(PS:希望star):https://github.com/thWinterSun/v-admin

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

f2a70a597962451bb0bdf6d2722b354b.jpg

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

5ff1e61c505249769e1ef18a1f3162d2.jpg

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

axios.defaults.headers ={\'Content-type\': \'application/x-www-form-urlencoded\'}

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

第一步:引入axios ps

e3ab0ef06a4a42f0aa7c158e2ff364ea.jpg

第二步:使用qs 转换

6313ed1ac106490691fcdf63bfa976c1.jpg

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

f31de090ab6e4402b5be80f5ecf2a25f.jpg

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值