vue系列：使用URLSearchParams处理axios的请求数据
福州有什么好玩的地方vue系列：使⽤URLSearchParams处理axios的请求数据使⽤ axios 发送数据的时候，有时会遇到格式不正确的问题，例如
axios({
method:'post',
url:'/test',see you again什么意思
data:{
name:'li',
age:18
}
})
得到的这样的格式：
我们⽤ jquery 的 ajax 的数据格式是这样的：
修改
⾸先修改请求头，然后把数据⽤ URLSearchParams 转换⼀下就好啦。
transParams=(data)=>{
let params =new URLSearchParams();
for(let item in data){
params.append(item, data[''+ item +'']);
}
return params;
};
let params ={
name:'li',
age:182013金钟奖
},
axios({
腾讯人工客服method:'post',
url:'/test',
data:transParams(params)
headers:{
'Content-Type':'application/x-www-form-urlencoded'
}
})
URLSearchParams
URLSearchParams 接⼝定义了很多个⽤来处理 URL 参数串的⽅法。
基本使⽤⽅法如下
var paramsString ="q=URLUtils.searchParams&topic=api"// location.search.slice(1)
var searchParams =new URLSearchParams(paramsString);
searchParams.has('topic')// true
<('topic')// "api"
<('foo')// null，注意Firefox返回空字符串
searchParams.set('foo',2);u盘文件无法删除
<('foo')// 2
searchParams.append('topic','webdev');
searchParams.append('foo',3);
searchParams.delete('topic');
DOM 的 a 元素节点的 searchParams 属性，就是⼀个 URLSearchParams 实例。
var a = ateElement('a');
灰姑娘之歌舞情缘a.href ='example?filter=api';
('filter')// "api"

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。