ajax load()方法
翻譯結果:
load
英[ləʊd] 美[loʊd]
n.負載;裝載;負擔;工作
vt.使擔負;裝填;把…裝入或裝上;裝滿,堆積
vi.加載;裝載;裝貨
ajax load()方法語法
作用:load() 方法透過 AJAX 請求從伺服器載入數據,並將傳回的資料放置到指定的元素中。還有一個名為 load 的 jQuery 事件方法。調用哪個,取決於參數。
語法:load(url,data,function(response,status,xhr))
參數:
參數 | 說明 |
#url | 規定要將請求傳送到哪個URL。 |
data | 可選。規定連同請求發送到伺服器的資料。 |
function(response,status,xhr) | #可選。規定當請求完成時運行的函數。額外的參數:response - 包含來自請求的結果資料status - 包含請求的狀態("success", "notmodified", "error", "timeout" 或"parsererror")xhr - 包含XMLHttpRequest 物件 |
說明:該方法是最簡單的從伺服器取得資料的方法。它幾乎與 $.get(url, data, success) 等價,不同的是它不是全域函數,而且它擁有隱式的回呼函數。當偵測到成功的回應時(例如,當 textStatus 為 "success" 或 "notmodified" 時),.load() 將符合元素的 HTML 內容設定為傳回的資料。這表示方法的大多數使用會非常簡單:$("#result").load("ajax/test.html");如果提供回呼函數,則會在執行post-processing 之後執行函數:$ ("#result").load("ajax/test.html", function() {alert("Load was performed.");});上面的兩個例子中,如果當前文檔不包含"result" ID ,則不會執行.load() 方法。如果提供的資料是對象,則使用 POST 方法;否則使用 GET 方法。
ajax load()方法範例
<!DOCTYPE html> <html> <head> <script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"> </script> <script> $(document).ready(function(){ $("#btn1").click(function(){ $('#test').load('需要加载的文档地址'); }) }) </script> </head> <body> <h3 id="test">请点击下面的按钮,通过 jQuery AJAX 改变这段文本。</h3> <button id="btn1" type="button">获得外部的内容</button> </body> </html>