基于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中json对象json数组json字符串互转及取值方法
这篇文章主要介绍了javascript中json对象json数组json字符串互转及取值方法,需要的朋友可以参考下2017-04-04Array.prototype.concat不是通用方法反驳[译]
ECMAScript 5.1规范中指出,数组方法concat是通用的(generic).本文反驳了这一结论,因为实际上并不是这样的2012-09-09详解Javascript中document.execCommand()的用法以及指令参数列表
execCommand方法是执行一个对当前文档,当前选择或者给出范围的命令。在HTML5中,execCommand可以通过JavaScript代码来调用,使得开发者可以在网页中实现一些复杂的文本操作。在HTML编辑器中这个命令用得很多,酷炫的强大功能。2023-07-07
最新评论