# jQuery - AJAX load() 方法 ## jQuery load() 方法 jQuery load() 方法是簡單但強大的 AJAX 方法。 load() 方法從服務器加載數據，并把返回的數據放入被選元素中。 ### 語法： ``` $(_selector_).load(_URL_,_data_,_callback_); ``` 必需的 _URL_ 參數規定您希望加載的 URL。 可選的 _data_ 參數規定與請求一同發送的查詢字符串鍵/值對集合。 可選的 _callback_ 參數是 load() 方法完成后所執行的函數名稱。 這是示例文件（"demo_test.txt"）的內容： ``` <h2>jQuery and AJAX is FUN!!!</h2> <p id="p1">This is some text in a paragraph.</p> ``` 下面的例子會把文件 "demo_test.txt" 的內容加載到指定的 &lt;div&gt; 元素中： ### 示例 ``` $("#div1").load("demo_test.txt"); ``` 也可以把 jQuery 選擇器添加到 URL 參數。 下面的例子把 "demo_test.txt" 文件中 id="p1" 的元素的內容，加載到指定的 &lt;div&gt; 元素中： ### 實例 ``` $("#div1").load("demo_test.txt #p1"); ``` 可選的 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("Error: "+xhr.status+": "+xhr.statusText); }); }); ``` ## jQuery AJAX 參考手冊 如需完整的 AJAX 方法參考，請訪問我們的 [jQuery AJAX 參考手冊](/jquery/jquery_ref_ajax.asp "jQuery 參考手冊 - Ajax")。