vue如何强行停止ajax请求,Vue怎么进行ajax请求公共方法

这次给大家带来Vue怎么进行ajax请求公共方法，Vue进行ajax请求公共方法的注意事项有哪些，下面就是实战案例，一起来看一下。

为了减少代码的冗余，小编给大家推荐一篇介绍了决定抽离出请求ajax的公共方法的文章，供大家参考。

我使用了ES6语法，编写了这个方法。/**

* @param type 请求类型，分为POST/GET

* @param url 请求url

* @param contentType

* @param headers

* @param data

* @returns {Promise}

*/

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

})

}

测试通过！

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：