在前端非同步獲取資料時候每次都是使用 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手段來實現,大多數是使用隱藏的框架或...