天天看点

vue公用ajax,基于Vue的Ajax公共方法(详解)_情愿_前端开发者

为了减少代码的冗余,决定抽离出请求ajax的公共方法,供同事们使用。

我使用了ES6语法,编写了这个方法。

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);

})

}

测试通过!

以上这篇基于开发者。