jQuery中ajax.load()方法有什么用

小編給大家分享一下jQuery中ajax.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()方法有什么用”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！