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)發