AJAX（Asynchronous JavaScript and XML）是一種無(wú)需刷新整個(gè)頁(yè)面的技術(shù)，可以在后臺(tái)與服務(wù)器進(jìn)行數(shù)據(jù)交互。在AJAX中，常常使用load()方法來(lái)從服務(wù)器加載數(shù)據(jù)并將其插入到網(wǎng)頁(yè)中的指定元素中。load()方法還可以使用一個(gè)回調(diào)函數(shù)來(lái)處理在加載內(nèi)容時(shí)發(fā)生的事件。本文將詳細(xì)介紹AJAX中的load時(shí)事件，并通過舉例說(shuō)明其實(shí)際應(yīng)用。

在使用load()方法時(shí)，可以通過參數(shù)來(lái)指定服務(wù)器的URL以及要加載內(nèi)容的位置。load()方法也可以接受一個(gè)回調(diào)函數(shù)作為參數(shù)，該函數(shù)會(huì)在加載完成時(shí)被調(diào)用。回調(diào)函數(shù)可以用來(lái)處理事件，例如在加載完成后顯示一個(gè)提示或者執(zhí)行其他操作。

下面是一個(gè)簡(jiǎn)單的例子，當(dāng)點(diǎn)擊按鈕時(shí)，通過AJAX加載一個(gè)HTML文件并將其插入到網(wǎng)頁(yè)中的一個(gè)

$(document).ready(function(){
$("button").click(function(){
$("#result").load("example.html", function(){
alert("內(nèi)容已加載！");
});
});
});

$(document).ready(function(){
$("button").click(function(){
$("#result").load("example.txt", function(responseTxt, statusTxt, xhr){
if(statusTxt == "success")
alert("加載成功！");
if(statusTxt == "error")
alert("加載出錯(cuò)：" + xhr.status + " " + xhr.statusText);
});
});
});

$(document).ready(function(){
$("button").click(function(){
var progress = $("<div>加載中...</div>").appendTo("body");
$("#result").load("example.html", function(){
progress.hide();
});
$(document).ajaxStart(function(){
progress.show();
}).ajaxStop(function(){
progress.hide();
});
});
});