jQuery – AJAX load() 方法

jQuery load() 方法

jQuery load() 方法是簡單但強大的 AJAX 方法。

load() 方法從伺服器載入數據，並把返回的數據放入被選元素中。

語法:

$(selector).load(URL,data,callback);

必需的 URL 參數規定您希望載入的 URL。

可選的 data 參數規定與請求一同發送的查詢字元串鍵/值對集合。

可選的 callback 參數是 load() 方法完成後所執行的函數名稱。

這是示例文件（”demo_test.txt”）的內容：

jQuery AJAX 是個非常棒的功能！

這是段落的一些文本。

下面的例子會把文件 “demo_test.txt” 的內容載入到指定的

元素中：

實例

$(“#div1”).load(“demo_test.txt”);

jQuery - AJAX load() 方法

也可以把 jQuery 選擇器添加到 URL 參數。

下面的例子把 “demo_test.txt” 文件中 id=”p1″ 的元素的內容，載入到指定的

元素中：

實例

$(“#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); });});

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！

本站內容充實豐富，博大精深，小編精選每日熱門資訊，隨時更新，點擊「搶先收到最新資訊」瀏覽吧！

請您繼續閱讀更多來自 程序員小新人學習 的精彩文章:

TAG:程序員小新人學習 |

jQuery AJAX 是個非常棒的功能！

相關推薦