jQuery 提供了一個非常強大的 load 方法,允許你使用 AJAX 請求數據并將其加載到指定元素中。
// 語法 $(selector).load(url, data, callback); // 示例 $("#div1").load("test.txt", function(responseTxt, statusTxt, xhr){ if(statusTxt === "success"){ console.log("加載成功"); console.log(responseTxt); } if(statusTxt === "error"){ console.log("出錯啦:" + xhr.status + " " + xhr.statusText); } });
load 方法有三個參數:
- url:要加載的 URL 地址。如果我們在當前頁面中使用相對 URL 地址,則默認為 GET 請求。
- data:如果要發送數據到服務器,則需要這個參數。
- callback:加載完成后執行的函數。
當 load 方法執行成功時,它會返回從服務器加載的內容,并在指定元素中顯示。如果請求失敗,則會調用 callback 函數,并將 status 參數設置為 "error"。
responseTxt 參數存儲服務器的響應。statusTxt 參數存儲請求的狀態(如 "success" 或 "notmodified")。xhr 參數存儲 XMLHttpRequest 對象。
我們可以利用這些參數來進行進一步處理。例如,可以將響應存儲在變量中,以便稍后使用。
var content; $("#div1").load("test.txt", function(responseTxt, statusTxt, xhr){ if(statusTxt === "success"){ content = responseTxt; } });
總之,jQuery 的 load 方法非常有用,可以幫助我們輕松地使用 AJAX 獲取和加載數據。