做(zuò)自(zì)由與創造的先行(xíng)者

jQuery AJAX load() 方法

jQuery中文手冊

jQuery load() 方法

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

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

語法:

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

必需的 URL 參數(shù)規定您希望加載的 URL。

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

可(kě)選的 callback 參數(shù)是 load() 方法完成後所執行(xíng)的函數(shù)名稱。

這(zhè)是示例文件("demo_test.txt")的內(nèi)容:

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

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

下(xià)面的例子會把文件 "demo_test.txt" 的內(nèi)容加載到指定的 <div> 元素中:

示例

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

也可(kě)以把 jQuery 選擇器添加到 URL 參數(shù)。

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

實例

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

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

responseTxt - 包含調用成功時(shí)的結果內(nèi)容

statusTXT - 包含調用的狀态

xhr - 包含 XMLHttpRequest 對象

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

實例

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

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

if(statusTxt=="success")

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

if(statusTxt=="error")

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

});

});

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