jQuery是一個流行的JavaScript庫,可以省略很多樣板式的代碼。其中的load方法,可以使頁面加載一個HTML文件,然后使用回調函數來操作它。
$(document).ready(function(){ $("button").click(function(){ $("#content").load("test.html", function(responseTxt, statusTxt, xhr){ if(statusTxt == "success") alert("頁面加載成功!"); if(statusTxt == "error") alert("頁面加載失敗:" + xhr.status + " " + xhr.statusText); }); }); });
這里的代碼演示了在點擊按鈕時,使用load方法加載test.html文件,并在加載成功或失敗時彈出相應的提示信息。
在這個例子中,#content是html元素的選擇器,并將其內容替換為從test.html返回的數據。
同時,在load方法中定義了一個回調函數。這個回調函數僅僅在文件被加載完全后才會被調用。一旦被調用,載入成功的內容將被傳遞給它。responseTxt參數包含了從服務器返回的數據,statusTxt參數包含了服務器的狀態,比如"success"或者"error",而xhr(XMLHttpRequest)對象則包含了來自服務器的XMLHttp請求。
總之,jQuery的load方法可以讓頁面加載外部HTML文件變得非常容易。這個例子只是一個簡單的示例,load方法還有很多可用的選項。