jQuery – AJAX load() 方法
jQuery load() 方法
jQuery load() 方法是簡單但強大的 AJAX 方法。
load() 方法從伺服器載入資料,並把返回的資料放入被選元素中。
語法:
$(selector).load(URL,data,callback);
必需的 URL 引數規定您希望載入的 URL。
可選的 data 引數規定與請求一同傳送的查詢字串鍵/值對集合。
可選的 callback 引數是 load() 方法完成後所執行的函式名稱。
這是示例檔案("demo_test.txt")的內容:
<h2>jQuery and AJAX is FUN!!!</h2> <p id="p1">This is some text in a paragraph.</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("External content loaded successfully!"); if(statusTxt=="error") alert("Error: "+xhr.status+": "+xhr.statusText); }); });
提示: 在jQuery的load()方法中,無論AJAX請求是否成功,一旦請求完成(complete)後,回撥函式(callback)立即被觸發。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70018483/viewspace-2908713/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- jQuery AJAX 方法jQuery
- jQuery ajax - serializeArray() 方法jQuery
- jQuery中的load方法jQuery
- jQuery – AJAX get() 和 post() 方法jQuery
- JQuery ajax方法及引數jQuery
- Jquery 和 Ajax的 使用方法jQuery
- Jquery Ajax方法傳值到actionjQuery
- jQuery.ajax的使用方法jQuery
- jQuery Ajax get post 方法詳解jQuery
- jQuery load()jQuery
- JQuery中$.ajax()方法引數詳解jQuery
- jQuery AjaxjQuery
- jQuery - AJAXjQuery
- 面試之jquery中的ajax方法引數面試jQuery
- 雅蛙網ajax特效jQuery實現方法特效jQuery
- jQuery load()方法載入指定檔案內容jQuery
- jQuery.ajaxjQuery
- ajax +jquery 基本jQuery
- JQuery使用AJAXjQuery
- jquery Ajax搭配jQuery
- jQuery.ajax()jQuery
- jQuery系列:AjaxjQuery
- 深入瞭解jquery中的ajax方法引數jQuery
- jQuery AJAX 簡介jQuery
- jquery ajax詳解jQuery
- jQuery - AJAX簡介jQuery
- jquery ajax基本用法jQuery
- jquery ajax 提交 FormDatajQueryORM
- jQuery - AJAX get() 和 post() 方法---非常好的例項jQuery
- 基於jQuery的AjaxjQuery
- jQuery對Ajax的支援jQuery
- jquery ajax簡單使用jQuery
- jQuery ajax清除快取jQuery快取
- jquery ajax 的封裝jQuery封裝
- jquery pass parameter to ajax callbackjQuery
- 轉:jQuery Ajax 全解析jQuery
- jquery的ajax方法在各個瀏覽器使用注意點jQuery瀏覽器
- Ashx中使用jQuery.Ajax方法的一些記錄jQuery