首頁 > web前端 > js教程 > 主體

jQuery裡ajax.load()方法應如何使用

php中世界最好的语言
發布: 2018-04-25 16:02:16
原創
1768 人瀏覽過

這次帶給大家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(){
 $("#p1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){
  if(statusTxt=="success")
   alert("外部内容加载成功!");
  if(statusTxt=="error")
   alert("Error: "+xhr.status+": "+xhr.statusText);
 });
});
登入後複製
相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!


推薦閱讀:

在js中怎麼把json當做參數使用

ajax php控制函數調用步驟詳解

以上是jQuery裡ajax.load()方法應如何使用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板