您好,登錄后才能下訂單哦!
小編給大家分享一下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()方法有什么用”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。