這次給大家帶來Vue怎么進行ajax請求公共方法,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); } }); }); }
通過回調函數的方式返回請求結果。
測試代碼如下:
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); }) }
測試通過!
相信看了本文案例你已經掌握了方法,更多精彩請關注Gxl網其它相關文章!
推薦閱讀:
Angular17里的自定義指令使用詳解
JS里EventLoop的使用詳解
vue+cli單頁面腳手架轉換多頁面腳手架的方法
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com