基于Vue的ajax公共方法(详解)
为了减少代码的冗余，决定抽离出请求ajax的公共方法，供同事们使用。
我使用了ES6语法，编写了这个方法。
/**
*@paramtype请求类型，分为POST/GET
*@paramurl请求url
*@paramcontentType
*@paramheaders
*@paramdata
*@returns{Promise}
*/
ajaxData:function(type,url,contentType,headers,data){
returnnewPromise(function(resolve){
$.ajax({
type:type,
url:url,
data:data,
timeout:30000,//超时时间：10秒
headers:headers,
success:function(data){
resolve(data);
},
error:function(XMLHttpRequest,textStatus,errorThrown){
resolve(XMLHttpRequest);
}
});
});
}
通过回调函数的方式返回请求结果。
测试代码如下：
getAjaxDataMethod:function(){
consturl="";
consttype="POST";
constcontentType="application/json";
constheaders={};
constdata={};
Api.ajaxData(type,url,contentType,headers,data).then(function(res){
console.log(res);
}).catch(function(err){
console.log(err);
})
}
测试通过！
以上这篇基于Vue的ajax公共方法(详解)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。