jQuery - AJAX load() 實(shí)例用法詳解
jQuery load() 方法是簡(jiǎn)單但強(qiáng)大的 AJAX 方法。
load() 方法從服務(wù)器加載數(shù)據(jù),并把返回的數(shù)據(jù)放入被選元素中。
語法:
$(selector).load(URL,data,callback);
必需的 URL 參數(shù)規(guī)定您希望加載的 URL。
可選的 data 參數(shù)規(guī)定與請(qǐng)求一同發(fā)送的查詢字符串鍵/值對(duì)集合。
可選的 callback 參數(shù)是 load() 方法完成后所執(zhí)行的函數(shù)名稱。
這是示例文件("demo_test.txt")的內(nèi)容:
<h2>jQuery AJAX 是個(gè)非常棒的功能!</h2> <p id="p1">這是段落的一些文本。</p>
下面的例子會(huì)把文件 "demo_test.txt" 的內(nèi)容加載到指定的 <div> 元素中:
實(shí)例
$("#div1").load("demo_test.txt");
嘗試一下 »
也可以把 jQuery 選擇器添加到 URL 參數(shù)。
下面的例子把 "demo_test.txt" 文件中 id="p1" 的元素的內(nèi)容,加載到指定的 <div> 元素中:
實(shí)例
$("#div1").load("demo_test.txt #p1");
嘗試一下 »
可選的 callback 參數(shù)規(guī)定當(dāng) load() 方法完成后所要允許的回調(diào)函數(shù)?;卣{(diào)函數(shù)可以設(shè)置不同的參數(shù):
- responseTxt - 包含調(diào)用成功時(shí)的結(jié)果內(nèi)容
- statusTXT - 包含調(diào)用的狀態(tài)
- xhr - 包含 XMLHttpRequest 對(duì)象
下面的例子會(huì)在 load() 方法完成后顯示一個(gè)提示框。如果 load() 方法已成功,則顯示"外部?jī)?nèi)容加載成功!",而如果失敗,則顯示錯(cuò)誤消息:
實(shí)例
$("button").click(function(){ $("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){ if(statusTxt=="success") alert("外部?jī)?nèi)容加載成功!"); if(statusTxt=="error") alert("Error: "+xhr.status+": "+xhr.statusText); }); });
感謝大家的閱讀和對(duì)腳本之家的支持。
相關(guān)文章
用Juery網(wǎng)頁選項(xiàng)卡實(shí)現(xiàn)代碼
現(xiàn)在jquery比較流行,很多的選項(xiàng)卡效果可以通過jquery來實(shí)現(xiàn)。2011-06-06jquery實(shí)現(xiàn)可點(diǎn)擊伸縮與展開的菜單效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)可點(diǎn)擊伸縮與展開的菜單效果代碼,涉及jquery鼠標(biāo)click事件控制頁面元素樣式變換的實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08談?wù)凧query中的children find 的區(qū)別有哪些
這篇文章給大家介紹jquery中的children find 的區(qū)別,涉及到的知識(shí)點(diǎn)有jquery find children,感興趣的朋友一起學(xué)習(xí)jquery find children方面的知識(shí)吧2015-10-10jQuery實(shí)現(xiàn)ajax的嵌套請(qǐng)求案例分析
這篇文章主要介紹了jQuery實(shí)現(xiàn)ajax的嵌套請(qǐng)求,結(jié)合具體實(shí)例形式分析了ajax嵌套請(qǐng)求的原理、實(shí)現(xiàn)方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-02-02使用jquery Ajax實(shí)現(xiàn)上傳附件功能
這篇文章主要為大家詳細(xì)介紹了使用jquery Ajax實(shí)現(xiàn)上傳附件功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-10-10關(guān)于jQuery中fade(),show()起始位置的一點(diǎn)小發(fā)現(xiàn)
下面小編就為大家?guī)硪黄P(guān)于jQuery中fade(),show()起始位置的一點(diǎn)小發(fā)現(xiàn)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-04-04jquery實(shí)現(xiàn)div陰影效果示例代碼
div陰影效果在以前都是采用圖片來實(shí)現(xiàn)的,而在本文大家將學(xué)會(huì)使用jquery來實(shí)現(xiàn),感興趣的朋友可以參考下2013-09-09