我們知道 Ajax 的底層實現其實是很簡單的(拋開IE不說)，標準的 w3c 直接提供了 XMLHttpRequest 方法。我們主要站在設計的角度來理解，如何設計出低耦合高內聚的代碼 jQuery 對 Ajax 的處理主要體現在對瀏覽器兼容，數據的處理過濾以及各種事件的封裝上，主要有以下幾部分擴展：
提供快捷接口 提供底層接口 提供數據序列化 提供全局 Ajax 事件處理
分析下面一個demo
給 document 綁定 ajaxStart、ajaxComplete 回調事件，trigger 綁定一個點擊事件。通過 click 觸發事件發送一個 ajax 請求，并且通過 complete、done、ajaxStart、ajaxComplete 返回狀態回調。
$(document).ajaxStart(function() {
console.log(arguments)
}).ajaxComplete(function() {
$(".log").text("Triggered ajaxComplete handler.");
});
$(".trigger").click(function() {
//發送ajax請求
$.ajax({
url: "php.html",
context: document.body,
complete: function() {
console.log(this)
}
}).done(function() {
console.log(this)
});
});
這里實現比較特別的地方，針對 ajax 提供 3 種回調方式：
換句話說，針對ajax的請求，每一步的狀態、成功、失敗或者進行中，我們有 3 種方式可以監聽，但是每一種還是有各自的區別：
那么我們思考下為什么要設計這么多接口？這么多功能怎么融合在一起的?
請驗證，完成請求
由于請求次數過多，請先驗證，完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報