load
英[l??d]? ?美[lo?d]??
n.負(fù)載;裝載;負(fù)擔(dān);工作
vt.使擔(dān)負(fù);裝填;把…裝入或裝上;裝滿,堆積
vi.加載;裝載;裝貨
ajax load()方法 語法
作用:load() 方法透過 AJAX 請求從伺服器載入數(shù)據(jù),並將傳回的資料放置到指定的元素中。還有一個名為?load?的 jQuery?事件方法。調(diào)用哪個,取決於參數(shù)。
語法:load(url,data,function(response,status,xhr))
參數(shù):
參數(shù) | 說明 |
#url? ?? | 規(guī)定要將請求傳送到哪個URL。 |
data? ?? | 可選。規(guī)定連同請求發(fā)送到伺服器的資料。 |
function(response,status,xhr) | #可選。規(guī)定當(dāng)請求完成時(shí)運(yùn)行的函數(shù)。額外的參數(shù):response?- 包含來自請求的結(jié)果資料status?- 包含請求的狀態(tài)("success", "notmodified", "error", "timeout" 或"parsererror")xhr?- 包含XMLHttpRequest 物件 |
說明:該方法是最簡單的從伺服器取得資料的方法。它幾乎與 $.get(url, data, success) 等價(jià),不同的是它不是全域函數(shù),而且它擁有隱式的回呼函數(shù)。當(dāng)偵測到成功的回應(yīng)時(shí)(例如,當(dāng) textStatus 為 "success" 或 "notmodified" 時(shí)),.load() 將符合元素的 HTML 內(nèi)容設(shè)定為傳回的資料。這表示方法的大多數(shù)使用會非常簡單:$("#result").load("ajax/test.html");如果提供回呼函數(shù),則會在執(zhí)行post-processing 之後執(zhí)行函數(shù):$ ("#result").load("ajax/test.html", function() {alert("Load was performed.");});上面的兩個例子中,如果當(dāng)前文檔不包含"result" ID ,則不會執(zhí)行.load() 方法。如果提供的資料是對象,則使用 POST 方法;否則使用 GET 方法。
ajax load()方法 範(fàn)例
<!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">請點(diǎn)擊下面的按鈕,通過 jQuery AJAX 改變這段文本。</h3> <button id="btn1" type="button">獲得外部的內(nèi)容</button> </body> </html>