jQuery load 方法是一個用于異步加載 html 內容的函數。它通常用于將一個頁面的一部分加載到另一個頁面中。此外,它也可以將其他文件類型的內容,如文本文件、XML 文件以及 JSON 文件加載到頁面中。
使用 load 方法的最基本的語法是:
$(selector).load(url,[data],[callback]);
其中,selector 指定了要加載內容的容器,url 指定了加載的地址,可以包含參數,data 指定了請求時需要附加的數據。callback 是一個函數,當成功加載時會調用該函數。
除了基本的語法,load 方法還可以用于在加載時使用回調函數來處理加載成功和失敗事件。例如:
$(selector).load(url, function(responseTxt, statusTxt, xhr){ if(statusTxt == "success"){ alert("成功加載!"); } if(statusTxt == "error"){ alert("加載失敗:" + xhr.status + " - " + xhr.statusText); } });
在回調函數中,可以使用 responseTxt 參數獲取返回的內容,statusTxt 參數獲取響應的狀態(success 或 error),xhr 參數包含了 XMLHttpRequest 對象。通過判斷狀態來處理加載成功或失敗的事件。
另外,load 方法還支持將數據編碼為 key/value 對,以便傳遞到服務器。例如:
$(selector).load(url, {name: "John", age: 30});
在這個例子中,請求的 url 會添加查詢參數 name=John 和 age=30。
下一篇網頁 圖片并排 css