jQuery - AJAX load() 方法
jQuery load() 方法
jQuery 的 load() 方法是一個簡單而強大的 AJAX 方法。
load() 方法從伺服器載入資料，並將返回的資料放入選定的元素中。
語法
$(selector).load(URL,data,callback);
必需的 URL 引數指定要載入的 URL。
可選的 data 引數指定一組要隨請求一起傳送的查詢字串鍵/值對。
可選的 callback 引數是在 load() 方法完成執行後要呼叫的函式的名稱。
這是我們的示例檔案：“demo_test.txt”的內容：
<h2>jQuery 和 AJAX 很棒！！！</h2>
<p id="p1">這是段落中的一些文字。</p>
下面的示例將檔案“demo_test.txt”的內容載入到特定的 <div> 元素中
也可以在 URL 引數中新增 jQuery 選擇器。
下面的示例將檔案“demo_test.txt”中 id 為“p1”的元素的內容載入到特定的 <div> 元素中
可選的 callback 引數指定一個在 load() 方法完成後執行的回撥函式。回撥函式可以有不同的引數
responseTxt- 包含呼叫成功時的結果內容statusTxt- 包含呼叫的狀態xhr- 包含 XMLHttpRequest 物件
下面的示例在 load() 方法完成後顯示一個警報框。如果 load() 方法成功，它將顯示“外部內容已成功載入！”；如果失敗，它將顯示錯誤訊息
示例
$("button").click(function(){
$("#div1").load("demo_test.txt", function(responseTxt, statusTxt, xhr){
if(statusTxt == "success")
alert("外部內容已成功載入！");
if(statusTxt == "error")
alert("錯誤: " + xhr.status + ": " + xhr.statusText);
});
});
自己動手試一試 »
jQuery AJAX 參考
有關所有 jQuery AJAX 方法的完整概述，請訪問我們的 jQuery AJAX 參考。
