基于Vue的ajax公共方法(详解)
更新时间:2018年01月20日 16:47:13 作者:GDUT_YIFEI
下面小编就为大家分享一篇基于Vue的ajax公共方法(详解),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
为了减少代码的冗余,决定抽离出请求ajax的公共方法,供同事们使用。
我使用了ES6语法,编写了这个方法。
/** * @param type 请求类型,分为POST/GET * @param url 请求url * @param contentType * @param headers * @param data * @returns {Promise<any>} */ ajaxData: function (type, url, contentType, headers, data) { return new Promise(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 () { const url = ""; const type = "POST"; const contentType = "application/json"; const headers = {}; const data = {}; Api.ajaxData(type, url, contentType, headers, data).then(function (res) { console.log(res); }).catch(function (err) { console.log(err); }) }
测试通过!
以上这篇基于Vue的ajax公共方法(详解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
javascript面向对象程序设计高级特性经典教程(值得收藏)
这篇文章主要介绍了javascript面向对象程序设计高级特性,结合实例形式详细讲述了javascript对象的创建,访问,删除,对象类型,扩展等,需要的朋友可以参考下2016-05-05Javascript拖拽系列文章2之offsetLeft、offsetTop、offsetWidth、offsetHei
Javascript拖拽用到的一些关于位置定位的一些参数2008-09-09浅谈JavaScript 函数参数传递到底是值传递还是引用传递
下面小编就为大家带来一篇浅谈JavaScript 函数参数传递到底是值传递还是引用传递。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-08-08
最新评论