jQuery - AJAX load() 實(shí)例用法詳解
jQuery load() 方法是簡(jiǎn)單但強(qiáng)大的 AJAX 方法。
load() 方法從服務(wù)器加載數(shù)據(jù)，并把返回的數(shù)據(jù)放入被選元素中。
語(yǔ)法:
$(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)文章
EasyUI的DataGrid每行數(shù)據(jù)添加操作按鈕的實(shí)現(xiàn)代碼
今天做項(xiàng)目的時(shí)候，想在easyui的datagrid每一列數(shù)據(jù)后邊都加上一個(gè)操作按鈕，怎么實(shí)現(xiàn)此功能呢？下面小編給大家?guī)?lái)了EasyUI的DataGrid每行數(shù)據(jù)添加操作按鈕的實(shí)現(xiàn)代碼，需要的朋友參考下吧2017-08-08
jQuery EasyUI NumberBox(數(shù)字框)的用法
jQuery EasyUI 數(shù)字框(NumberBox)用法2010-07-07
從零學(xué)jquery之如何使用回調(diào)函數(shù)
回調(diào)函數(shù)指的是被調(diào)用者完成處理后自動(dòng)回調(diào)調(diào)用者預(yù)先傳遞的函數(shù)。2014-05-05
jQuery基于當(dāng)前元素進(jìn)行下一步的遍歷
通過(guò)jQuery方法選中了元素，如何基于這些已經(jīng)選中的元素進(jìn)行下一步的遍歷呢？下面有個(gè)不錯(cuò)的示例，大家可以參考下2014-05-05
本章內(nèi)容比較簡(jiǎn)單，所以說(shuō)明也比較少，有疑問(wèn)也以跟帖或私聊2009-07-07
jquery對(duì)象和DOM對(duì)象的區(qū)別介紹
jquery對(duì)象和DOM對(duì)象在使用過(guò)程很頻繁，正是因?yàn)槿绱?，好多朋友都不知道它們之間有什么區(qū)別，下面為大家詳細(xì)介紹下，希望對(duì)大家有所幫助2013-08-08
滑動(dòng)向下時(shí)，把最后一個(gè)節(jié)點(diǎn)copy過(guò)去插入在第一節(jié)點(diǎn)中，并在顯示時(shí)隱藏，再通過(guò)透明漸變顯示出來(lái)。附上源碼，需要的朋友可以copy2012-07-07
基于jquery的Repeater實(shí)現(xiàn)代碼
本文和大家詳解如何使用javascript來(lái)實(shí)現(xiàn)一個(gè)asp.net 的Repeater控件，叫jQuery.Repeater插件。一起來(lái)看下吧。2010-07-07
有些時(shí)候可能需要用到腳本為一些窗體綁定事件:比如Jquery為單選框checkbox綁定單擊事件,本人搜索整理一些常用技巧，需要了解的朋友可以參考下2012-12-12
巧用jquery解決下拉菜單被Div遮擋的相關(guān)問(wèn)題
本篇文章主要是對(duì)巧用jquery解決下拉菜單被Div遮擋的相關(guān)問(wèn)題進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-02-02