封裝通用的 ajax, 基於 jQuery。

2022-08-10 10:00:17 字數 697 閱讀 6431

在前端非同步獲取資料時候每次都是使用 ajax;為了通用性更好,然而封裝通用的 ajax 是乙個一勞永逸的辦法。

本次基於 jquery 封裝實現;

第一步: 引入 jquery:

第二步:實現**:

// 該封裝基於 jquery

var sendajax = function(method, url, data, successfn, errorfn) ,

error: function(e)

});}// 注意:

// 1.1 data 資料格式根據需求處理

// 1.2 successfn 和 errorfn 根據需要自行定義

// 例如:

var __main = function()

var data = json.stringify(datas)

// 成功呼叫函式

var demosuccessfn = function(testsuccess) else

} // 失敗呼叫函式

var demoerrorfn = function(testerror) else

} // 實現呼叫

sendajax(method, url, data, successfn, errorfn)

}

基於jquery的ajax封裝

jquery給我們的開發帶來了很多的便利,對其熟練的運用是現在前端開發人員的必要技能之一。其封裝的很多方法都做了相容的處理,就少去了部分開發人員做相容處理的問題,從而提高工作效率,有更多時間來學習其它技能 今天來聊聊其的ajax 方法,ajax 方法通過 http 請求載入遠端資料。ajax 返回其...

封裝乙個自己的通用Ajax

首先在封裝乙個自己的ajax函式之前,我們需要先知道怎麼實現乙個簡單的ajax請求。這裡我建了兩個檔案,ajax01.html和ajax01.php ajax01.html 點選上面的按鈕,我會變哦 可以看到使用ajax發請求並獲取響應資料只需要簡單的4步 引數說明 xhr.status statu...

ajax的步驟與封裝ajax

今天和大家聊下如何ajax的工作原理和如何封裝ajax.1.什麼是ajax ajax技術核心是xmlhttprequest物件 簡稱xhr 這是由微軟首先引入的乙個特性,其他瀏覽器提供商後來都提供了相同的實現。在xhr出現之前,ajax式的通訊必須借助一些hack手段來實現,大多數是使用隱藏的框架或...