基于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);
}
});
});
}
通過回調(diào)函數(shù)的方式返回請求結(jié)果。
測試代碼如下：
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公共方法(詳解)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要是對javascript中defer的作用進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
這篇文章主要為大家詳細(xì)介紹了bootstrap模態(tài)框垂直居中效果的實現(xiàn)代碼,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
手寫Spirit防抖函數(shù)underscore和節(jié)流函數(shù)lodash
這篇文章主要介紹了手寫Spirit防抖函數(shù)underscore和節(jié)流函數(shù)lodash，接下來將會帶你們了解下這兩者的區(qū)別,以及我們該如何手寫實現(xiàn)這兩個函數(shù)2022-03-03
在頁面中的鏈接除了常規(guī)的方式以外,如果使用javascript,還有很多種方式,下面這篇文章主要給大家介紹了關(guān)于JavaScript常見打開鏈接的幾種方法,需要的朋友可以參考下2024-01-01
這篇文章主要介紹了JavaScript中BOM對象原理與用法,,結(jié)合實例形式分析了javascript中BOM瀏覽器對象模型相關(guān)概念、原理、用法及相關(guān)操作注意事項,需要的朋友可以參考下2019-07-07
這篇文章主要介紹了electron制作仿制qq聊天界面的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-11-11
JavaScript箭頭函數(shù)與普通函數(shù)的區(qū)別示例詳解
這篇文章主要為大家介紹了JavaScript箭頭函數(shù)與普通函數(shù)的區(qū)別示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
javascript實現(xiàn)日歷控件(年月日關(guān)閉按鈕)
經(jīng)常使用google的朋友一定對google絢麗的日歷控件記憶猶新吧,那我們也來實現(xiàn)一個,雖然功能和效果比不上,但重要的是實現(xiàn)的過程2012-12-12
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)文字從右向左無限滾動，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-12-12
html+javascript實現(xiàn)可拖動可提交的彈出層對話框效果
本文為大家介紹下使用html+javascript實現(xiàn)可拖動彈出層、對話框、可提交，具體代碼如下，感興趣的朋友可以參考下，希望對大家有所幫助2013-08-08