基於Vue的ajax公用方法(詳解)，vueajax詳解

基於Vue的ajax公用方法(詳解)，vueajax詳解

為了減少代碼的冗餘，決定抽離出請求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公用方法(詳解)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援幫客之家。