jQuery - AJAX load() 實例用法詳解
更新時間：2019年08月27日 16:18:41 作者：佰草伐
這篇文章主要介紹了jQuery - AJAX load() 實例用法以及相關知識點總結，有需要的朋友們參考下。
jQuery load() 方法是簡單但強大的 AJAX 方法。
load() 方法從服務器加載數(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"）的內容：
<h2>jQuery AJAX 是個非常棒的功能！</h2> <p id="p1">這是段落的一些文本。</p>
下面的例子會把文件 "demo_test.txt" 的內容加載到指定的 <div> 元素中：
實例
$("#div1").load("demo_test.txt");
嘗試一下 »
也可以把 jQuery 選擇器添加到 URL 參數(shù)。
下面的例子把 "demo_test.txt" 文件中 id="p1" 的元素的內容，加載到指定的 <div> 元素中：
實例
$("#div1").load("demo_test.txt #p1");
嘗試一下 »
可選的 callback 參數(shù)規(guī)定當 load() 方法完成后所要允許的回調函數(shù)。回調函數(shù)可以設置不同的參數(shù)：
- responseTxt - 包含調用成功時的結果內容
- statusTXT - 包含調用的狀態(tài)
- 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); }); });
感謝大家的閱讀和對腳本之家的支持。
相關文章
EasyUI的DataGrid每行數(shù)據(jù)添加操作按鈕的實現(xiàn)代碼
今天做項目的時候，想在easyui的datagrid每一列數(shù)據(jù)后邊都加上一個操作按鈕，怎么實現(xiàn)此功能呢？下面小編給大家?guī)砹薊asyUI的DataGrid每行數(shù)據(jù)添加操作按鈕的實現(xiàn)代碼，需要的朋友參考下吧2017-08-08
jQuery EasyUI NumberBox(數(shù)字框)的用法
jQuery EasyUI 數(shù)字框(NumberBox)用法2010-07-07
回調函數(shù)指的是被調用者完成處理后自動回調調用者預先傳遞的函數(shù)。2014-05-05
通過jQuery方法選中了元素，如何基于這些已經選中的元素進行下一步的遍歷呢？下面有個不錯的示例，大家可以參考下2014-05-05
本章內容比較簡單，所以說明也比較少，有疑問也以跟帖或私聊2009-07-07
jquery對象和DOM對象在使用過程很頻繁，正是因為如此，好多朋友都不知道它們之間有什么區(qū)別，下面為大家詳細介紹下，希望對大家有所幫助2013-08-08
滑動向下時，把最后一個節(jié)點copy過去插入在第一節(jié)點中，并在顯示時隱藏，再通過透明漸變顯示出來。附上源碼，需要的朋友可以copy2012-07-07
本文和大家詳解如何使用javascript來實現(xiàn)一個asp.net 的Repeater控件，叫jQuery.Repeater插件。一起來看下吧。2010-07-07
有些時候可能需要用到腳本為一些窗體綁定事件:比如Jquery為單選框checkbox綁定單擊事件,本人搜索整理一些常用技巧，需要了解的朋友可以參考下2012-12-12
本篇文章主要是對巧用jquery解決下拉菜單被Div遮擋的相關問題進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02