詳解jQuery中ajax.load()方法，jqueryajax.load

詳解jQuery中ajax.load()方法，jqueryajax.load

jQuery load() 方法

jQuery load() 方法是簡單但強大的 AJAX 方法。

load() 方法從伺服器載入資料，並把返回的資料放入被選元素中。

文法:

$(selector).load(URL,data,callback);

load()函數用於從伺服器載入資料，並使用返回的html內容替換當前匹配元素的內容。

load()函數預設使用GET方式，如果提供了對象形式的資料，則自動轉為POST方式。

因為預設使用的是Get請求方式，所以我們也可以在url加資料進行提交。

例如$("#box").load("loadTest.html？name=zhang&age=25")

load()方法可以參數三個參數：

url(必須，請求html 檔案的url 地址，參數類型為String)

data(可選，發送的key/value 資料，參數類型為Object)

callback(可選，成功或失敗的回呼函數，參數類型為函數Function)

load()方法是局部方法，因為他需要一個包含元素的jQuery 對象作為首碼。例如$("#box").load()

而$.get()和$.post()是全域方法，無須指定某個元素。對於用途而言，.load()適合做靜態檔案的非同步擷取，

而對於需要傳遞參數到伺服器頁面的，$.get()和$.post()更加合適。

可選的 callback 參數規定當 load() 方法完成後所要允許的回呼函數。回呼函數可以設定不同的參數：

• responseTxt - 包含調用成功時的結果內容
• statusTXT - 包含調用的狀態
• 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); });});

以上所述是小編給大家介紹的詳解jQuery中ajax.load()方法，希望對大家有所協助，如果大家有任何疑問請給我留言，小編會及時回複大家的。在此也非常感謝大家對幫客之家網站的支援！