基于Vue的ajax公共方法(详解)

基于Vue的ajax公共方法(详解)

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

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

/**

* @param tFTWBBtpDype 请求类型，分为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: functiFTWBBtpDon(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);

})

}

测试通过！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。