天天看點

jQuery |AJAX 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> 元素中:

$("#div1").load("demo_test.txt");
responseTxt - 包含調用成功時的結果内容 statusTXT - 包含調用的狀态 xhr - 包含 XMLHttpRequest 對象

例子會在 load() 方法完成後顯示一個提示框。如果 load() 方法已成功,則顯示"外部内容加載成功!",而如果失敗,則顯示錯誤消息:

image.png

繼續閱讀