JavaScript教程之jQuery - AJAX load() 方法

標籤：大全   對象   example   demo   arp   結果   名稱   從伺服器   訊息   

jQuery - AJAX load() 方法jQuery load() 方法

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

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

文法:

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

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

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

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

這是樣本檔案（"demo_test.txt"）的內容：

<h2>jQuery AJAX 是個非常棒的功能！</h2> <p id="p1">這是段落的一些文本。</p>

下面的例子會把檔案 "demo_test.txt" 的內容載入到指定的 <div> 元素中：

執行個體$("#div1").load("demo_test.txt");
嘗試一下 ?

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

下面的例子把 "demo_test.txt" 檔案中 id="p1" 的元素的內容，載入到指定的 <div> 元素中：

執行個體$("#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); }); });
嘗試一下 ?

相關教程   vb.net教程   sql語句大全   asp.net教程   dreamweaver教程   javascript教程   flash教程   vb教程   電腦二級vfp   access教程   html教程   C#教程   資料庫教程   我要自學網   網頁設計培訓   軟體開發   我要自學網   我要自學網   SQL Server 2008   

JavaScript教程之jQuery - AJAX load() 方法