做自(zì)由與創造的先行者

jQuery AJAX load() 方法

jQuery中文(wén)手冊

jQuery load() 方法

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

load() 方法從(cóng)服務器加載數據,并把返回的數據放(fàng)入被選元素中。

語法:

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

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

可選的 data 參數規定與請(qǐng)求一同發送的查詢字符串鍵/值對(duì)集合。

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

這(zhè)是示例文(wén)件("demo_test.txt")的内容:

<h2>jQuery and AJAX is FUN!!!</h2>

<p id="p1">This is some text in a paragraph.</p>

下(xià)面的例子會(huì)把文(wén)件 "demo_test.txt" 的内容加載到(dào)指定的 <div> 元素中:

示例

$("#div1").load("demo_test.txt");

也(yě)可以把 jQuery 選擇器添加到(dào) URL 參數。

下(xià)面的例子把 "demo_test.txt" 文(wén)件中 id="p1" 的元素的内容,加載到(dào)指定的 <div> 元素中:

實例

$("#div1").load("demo_test.txt #p1");

可選的 callback 參數規定當 load() 方法完成後所要允許的回調函數。回調函數可以設置不同的參數:

responseTxt - 包含調用(yòng)成功時(shí)的結果内容

statusTXT - 包含調用(yòng)的狀态

xhr - 包含 XMLHttpRequest 對(duì)象

下(xià)面的例子會(huì)在 load() 方法完成後顯示一個提示框。如果 load() 方法已成功,則顯示“外(wài)部内容加載成功!”,而如果失敗,則顯示錯誤消息:

實例

$("button").click(function(){

$("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){

if(statusTxt=="success")

alert("外(wài)部内容加載成功!");

if(statusTxt=="error")

alert("Error: "+xhr.status+": "+xhr.statusText);

});

});

網站(zhàn)建設開(kāi)發|APP設計(jì)開(kāi)發|小(xiǎo)程序建設開(kāi)發
下(xià)一篇:jQuery AJAX get() 和(hé) post() 方法
上(shàng)一篇:jQuery AJAX 簡介