ajax的二次封裝

2021-10-09 09:02:14 字數 971 閱讀 6480

$.ajax是常用的請求方法,但是頁面裡介面多了,就會造成**冗餘,維護困難。

所以需要進行二次封裝,這裡我採用一種常用的物件導向的方式。

function ajaxget(headers, url, data, isasync, onsuccess, onerror)  || headers,

url: url,

type: 'get',

data: data,

datatype: 'json',

async: isasync,

timeout: 10000,

success: function(res) ,

error: function(err)

}) }

function ajaxpost(headers, url, data, isasync, onsuccess, onerror) || headers,

url: url,

type: 'post',

data: data,

datatype: 'json',

async: isasync,

timeout: 10000,

success: function(res) ,

error: function(err)

})}

2. 封裝乙個立即呼叫函式,返回乙個物件,在這個物件裡,呼叫封裝好的get和post方法。以下是**示例
var api = (function() , function(err) )

}}

return apitest

})()

3. 在頁面中例項化這個物件,然後使用。
4. 完整的html示例,要注意引用順序,首先引入jquery,然後是第1步的js檔案,第2步中的js檔案

基於jquery的ajax方法的二次封裝

我並不是專業的前端開發攻城獅,所以,這篇文章的水平,可能是比較低的,裡面一些觀點,可能都比較可笑。如果有疏漏或錯誤的地方,希望大家能指出來。如果文章的價值不大,也希望大牛能指點一二,在此先謝謝了。在做實際開發過程中,由於後台只提供介面,不管是android ios還是h5開發,都是通過呼叫同一套後台...

Volley二次封裝

一 簡介 volley 是 goole i o 2013上發布的網路通訊庫,使網路通訊更快 更簡單 更健壯。二。優點 三。缺點 四。使用 在專案中網路請求是乙個必須的功能,為了減少 的重複,需要對volley進行二次封裝。private static requestqueue queues over...

axios二次封裝

引入路由 import router from router index 引入vuex import store from store index 引入提示元件 import from element ui 引入api import apilist from apilist 引入qs let htt...