jQuery - Phương thức tải AJAX ()
Phương thức tải jQuery ()
Phương thức jQuery load()
là một phương thức AJAX đơn giản nhưng mạnh mẽ.
Phương thức load()
tải dữ liệu từ máy chủ và đưa dữ liệu trả về vào phần tử đã chọn.
Cú pháp:
$( selector ).load( URL,data,callback );
Tham số URL bắt buộc chỉ định URL bạn muốn tải.
Tham số dữ liệu tùy chọn chỉ định một tập hợp các cặp khóa/giá trị chuỗi truy vấn để gửi cùng với yêu cầu.
Tham số gọi lại tùy chọn là tên của hàm sẽ được thực thi sau khi phương thức load()
hoàn thành.
Đây là nội dung của tệp ví dụ của chúng tôi: "demo_test.txt":
<h2>jQuery and AJAX is FUN!!!</h2>
<p id="p1">This is some text in a paragraph.</p>
Ví dụ sau tải nội dung của tệp "demo_test.txt" vào phần tử <div>
cụ thể:
Cũng có thể thêm bộ chọn jQuery vào tham số URL.
Ví dụ sau tải nội dung của phần tử có id="p1", bên trong tệp "demo_test.txt", vào phần tử <div>
cụ thể:
Tham số gọi lại tùy chọn chỉ định hàm gọi lại sẽ chạy khi phương thức load()
hoàn tất. Hàm gọi lại có thể có các tham số khác nhau:
-
responseTxt
- chứa nội dung kết quả nếu cuộc gọi thành công -
statusTxt
- chứa trạng thái của cuộc gọi -
xhr
- chứa đối tượng XMLHttpRequest
Ví dụ sau hiển thị hộp cảnh báo sau khi phương thức Load() hoàn tất. Nếu phương thức load()
thành công, nó sẽ hiển thị "Nội dung bên ngoài được tải thành công!" và nếu thất bại, nó sẽ hiển thị thông báo lỗi:
Ví dụ
$("button").click(function(){
$("#div1").load("demo_test.txt", function(responseTxt, statusTxt, xhr){
if(statusTxt == "success")
alert("External content loaded successfully!");
if(statusTxt == "error")
alert("Error: " + xhr.status + ": " + xhr.statusText);
});
});
Hãy tự mình thử »Tham khảo jQuery AJAX
Để có cái nhìn tổng quan đầy đủ về tất cả các phương thức jQuery AJAX, vui lòng truy cập Tài liệu tham khảo jQuery AJAX của chúng tôi.