新聞中心
jquery load() 方法
jQuery load() 方法是簡單但強大的 AJAX 方法。

創(chuàng)新互聯為客戶提供專業(yè)的成都網站建設、做網站、程序、域名、空間一條龍服務,提供基于WEB的系統(tǒng)開發(fā). 服務項目涵蓋了網頁設計、網站程序開發(fā)、WEB系統(tǒng)開發(fā)、微信二次開發(fā)、手機網站制作設計等網站方面業(yè)務。
load() 方法從服務器加載數據,并把返回的數據放入被選元素中。
語法:
$(
selector).load(
URL,data,callback);
必需的 URL 參數規(guī)定您希望加載的 URL。
可選的 data 參數規(guī)定與請求一同發(fā)送的查詢字符串鍵/值對集合。
可選的 callback 參數是 load() 方法完成后所執(zhí)行的函數名稱。
這是示例文件("demo_test.txt")的內容:
jQuery and AJAX is FUN!!!
This is some text in a paragraph.
下面的例子會把文件 "demo_test.txt" 的內容加載到指定的
實例
$("#div1").load("demo_test.txt");
嘗試一下 ?
也可以把 jQuery 選擇器添加到 URL 參數。
下面的例子把 "demo_test.txt" 文件中 id="p1" 的元素的內容,加載到指定的
實例
$("#div1").load("demo_test.txt #p1");
嘗試一下 ?
可選的 callback 參數規(guī)定當 load() 方法完成后所要允許的回調函數?;卣{函數可以設置不同的參數:
- responseTxt - 包含調用成功時的結果內容
- statusTXT - 包含調用的狀態(tài)
- xhr - 包含 XMLHttpRequest 對象
下面的例子會在 load() 方法完成后顯示一個提示框。如果 load() 方法已成功,則顯示"外部內容加載成功!",而如果失敗,則顯示錯誤消息:
實例
$("button").click(function(){
$("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){
if(statusTxt=="success")
alert("External content loaded successfully!");
if(statusTxt=="error")
alert("Error: "+xhr.status+": "+xhr.statusText);
});
});
嘗試一下 ?
提示:在jQuery的load()方法中,無論AJAX請求是否成功,一旦請求完成(complete)后,回調函數(callback)立即被觸發(fā)。
網站名稱:創(chuàng)新互聯jQuery教程:jQuery–AJAXload()方法
文章路徑:http://www.5511xx.com/article/dhdpgih.html


咨詢
建站咨詢
