欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery - AJAX load() 實例用法詳解

 更新時間:2019年08月27日 16:18:41   作者:佰草伐  
這篇文章主要介紹了jQuery - AJAX load() 實例用法以及相關(guān)知識點總結(jié),有需要的朋友們參考下。

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

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

語法:

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

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

可選的 data 參數(shù)規(guī)定與請求一同發(fā)送的查詢字符串鍵/值對集合。

可選的 callback 參數(shù)是 load() 方法完成后所執(zhí)行的函數(shù)名稱。

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

<h2>jQuery AJAX 是個非常棒的功能!</h2> <p id="p1">這是段落的一些文本。</p>
下面的例子會把文件 "demo_test.txt" 的內(nèi)容加載到指定的 <div> 元素中:

實例

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

嘗試一下 »

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

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

實例

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

嘗試一下 »
可選的 callback 參數(shù)規(guī)定當(dāng) load() 方法完成后所要允許的回調(diào)函數(shù)?;卣{(diào)函數(shù)可以設(shè)置不同的參數(shù):

  • responseTxt - 包含調(diào)用成功時的結(jié)果內(nèi)容
  • statusTXT - 包含調(diào)用的狀態(tài)
  • xhr - 包含 XMLHttpRequest 對象

下面的例子會在 load() 方法完成后顯示一個提示框。如果 load() 方法已成功,則顯示"外部內(nèi)容加載成功!",而如果失敗,則顯示錯誤消息:

實例

$("button").click(function(){ $("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){ if(statusTxt=="success") alert("外部內(nèi)容加載成功!"); if(statusTxt=="error") alert("Error: "+xhr.status+": "+xhr.statusText); }); });

感謝大家的閱讀和對腳本之家的支持。

相關(guān)文章

最新評論