基于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);
}
});
});
}
通過回調函數(shù)的方式返回請求結果。
測試代碼如下：
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公共方法(詳解)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
js+css完成網站的經典效果，一般用于會員排行榜中，會員信息的介紹，包括照片等。2010-06-06
js構造函數(shù)、索引數(shù)組和屬性的實現(xiàn)方式和使用
本文主要介紹和小結js的構造函數(shù),關聯(lián)數(shù)組的實現(xiàn)方式和使用,及不可變對象和它的實現(xiàn)方式及他們使用過程中要注意的點,需要的朋友可以參考下2014-11-11
這篇文章主要介紹了js中unicode轉碼方法，需要的朋友可以參考下2015-10-10
JavaScript 是屬于網絡的腳本語言。本文是小編日常收集整理些javascript入門基礎知識，對js新手朋友非常有幫助，對js入門知識點感興趣的朋友一起學習吧2016-03-03
javascript面向對象程序設計高級特性經典教程(值得收藏)
這篇文章主要介紹了javascript面向對象程序設計高級特性,結合實例形式詳細講述了javascript對象的創(chuàng)建,訪問,刪除,對象類型,擴展等,需要的朋友可以參考下2016-05-05
閉包在JavaScript高級程序設計(第3版)中是這樣描述:閉包是指有權訪問另一個函數(shù)作用域中的變量的函數(shù),下面這篇文章主要給大家介紹了關于javascript解決閉包漏洞的一個問題的相關資料,需要的朋友可以參考下2022-11-11
Javascript拖拽系列文章2之offsetLeft、offsetTop、offsetWidth、offsetHei
Javascript拖拽用到的一些關于位置定位的一些參數(shù)2008-09-09
TypeScript?背后的結構化類型系統(tǒng)原理詳解
這篇文章主要為大家介紹了TypeScript?背后的結構化類型系統(tǒng)原理詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11
uniapp項目使用防抖及節(jié)流的方案實戰(zhàn)
防抖就是指觸發(fā)事件后把觸發(fā)非常頻繁的事件合并成一次去執(zhí)行,節(jié)流是指頻繁觸發(fā)事件時只會在指定的時間段內執(zhí)行事件回調,即觸發(fā)事件間隔大于等于指定的時間才會執(zhí)行回調函數(shù),這篇文章主要給大家介紹了關于uniapp項目使用防抖及節(jié)流的相關資料,需要的朋友可以參考下2023-01-01
淺談JavaScript 函數(shù)參數(shù)傳遞到底是值傳遞還是引用傳遞
下面小編就為大家?guī)硪黄獪\談JavaScript 函數(shù)參數(shù)傳遞到底是值傳遞還是引用傳遞。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08