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