在axios中,实现applicatioon/x-www-form-urlencode请求方式

本文介绍了在axios中如何实现application/x-www-form-urlencoded请求方式。默认情况下,axios使用application/json,但可以通过URLSearchParams、qs库或者直接修改axios源码来实现URL编码的请求。方法包括使用不完全兼容的URLSearchParams、引入qs库或直接编辑axios配置。
摘要由CSDN通过智能技术生成

application/x-www-form-urlencode方式是Jquery的Ajax默认的请求方式,使用此方式的优点在于浏览器都支持,在请求发送的过程中,会对请求带有的数据进行序列化处理,如:key0=value0&key=value1的键值对形式发送到后端服务器。

但是axios中默认的请求方式是application/json。

方法一:如果项目需要改动的api较少,可以采用 URLSearchParams,使用new URLSearchParams() 来新建一个对象,然后使用append方法来不断向这个对象中添加属性,数据经这样处理后,请求时候,会被转化为键值对的形式。

var param = new URLSearchParams()
param.append('key1','value1')
param.append('key2','value2)'
axios.post('/user', param)

注意: URLSearchParams 兼容性不是很好,不是对所有浏览器都支持。

方法二:如果此种方式没有达到预期效果,可以采用引入qs库

安装qs : npm i qs

var qs = require('qs')
var paramObj = {
  currpage: 1,
  size: 10
}
let param = qs.stringify(paramObj, { allowDots: true })
axi
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值