JQuery是一個JavaScript庫，涵蓋了許多常見的JavaScript任務(wù)，其中之一就是加載外部內(nèi)容。JQuery提供了一個load()函數(shù)，用于從其他HTML文件中獲取數(shù)據(jù)并將其加載到當前頁面。

$(document).ready(function(){
$("button").click(function(){
$("#div1").load("demo_test.txt");
});
});

上面的代碼演示了如何使用load()函數(shù)從demo_test.txt文件中獲取數(shù)據(jù)，并將其加載到ID為div1的HTML元素中。當用戶單擊按鈕時會觸發(fā)事件，load()函數(shù)將在div1中加載demo_test.txt文件的內(nèi)容。

可以在load()函數(shù)中傳遞一個參數(shù)，來確定將哪個選擇器的內(nèi)容加載到元素中。

$(document).ready(function(){
$("button").click(function(){
$("#div1").load("demo_test.txt #p1");
});
});

上面的代碼將把demo_test.txt文件中的ID為p1的段落加載到div1元素中。

JQuery load()函數(shù)也可以在加載完成后執(zhí)行一些操作。下面的代碼演示了如何向加載完成后的元素添加CSS樣式：

$(document).ready(function(){
$("#div1").load("demo_test.txt", function(){
$(this).addClass("finished");
});
});

load()函數(shù)的第二個參數(shù)是一個回調(diào)函數(shù)，當元素加載完成后，回調(diào)函數(shù)將被調(diào)用。在此示例中，JQuery在加載完成后向元素添加finished類。

load()函數(shù)還可以使用POST方法來加載數(shù)據(jù)。下面的代碼演示了如何使用POST方法加載數(shù)據(jù)：

$(document).ready(function(){
$("button").click(function(){
$.post("demo_test_post.asp",
{
name: "Donald Duck",
city: "Duckburg"
},
function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
});
});

在這個例子中，JQuery使用POST方法將數(shù)據(jù)發(fā)送到服務(wù)器，并在服務(wù)器上執(zhí)行demo_test_post.asp頁面。當請求完成后，回調(diào)函數(shù)輸出返回的數(shù)據(jù)和狀態(tài)。

總之，JQuery的load()函數(shù)是一個強大的工具，可用于從外部文件加載內(nèi)容，并在加載完成后執(zhí)行一些操作。無論是要在頁面中顯示大量數(shù)據(jù)、更新某些元素還是通過POST方法從服務(wù)器獲取數(shù)據(jù)，load()函數(shù)都能幫助您完成工作。