jQuery - Phương thức AJAX get() và post()
Các phương thức jQuery get() và post() được sử dụng để yêu cầu dữ liệu từ máy chủ với yêu cầu HTTP GET hoặc POST.
Yêu cầu HTTP: GET so với POST
Hai phương thức thường được sử dụng để phản hồi yêu cầu giữa máy khách và máy chủ là: GET và POST.
- GET - Yêu cầu dữ liệu từ một tài nguyên được chỉ định
- POST - Gửi dữ liệu để được xử lý tới một tài nguyên được chỉ định
GET về cơ bản được sử dụng để nhận (truy xuất) một số dữ liệu từ máy chủ. Lưu ý: Phương thức GET có thể trả về dữ liệu được lưu trong bộ nhớ đệm.
POST cũng có thể được sử dụng để lấy một số dữ liệu từ máy chủ. Tuy nhiên, phương thức POST KHÔNG BAO GIỜ lưu trữ dữ liệu vào bộ nhớ đệm và thường được sử dụng để gửi dữ liệu cùng với yêu cầu.
Để tìm hiểu thêm về GET và POST cũng như sự khác biệt giữa hai phương thức, vui lòng đọc chương Phương thức HTTP GET và POST của chúng tôi.
Phương thức jQuery $.get()
Phương thức $.get()
yêu cầu dữ liệu từ máy chủ với yêu cầu HTTP GET.
Cú pháp:
$.get( URL,callback );
Tham số URL bắt buộc chỉ định URL bạn muốn 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 nếu yêu cầu thành công.
Ví dụ sau sử dụng phương thức $.get()
để lấy dữ liệu từ một tệp trên máy chủ:
Ví dụ
$("button").click(function(){
$.get("demo_test.asp", function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
});
Hãy tự mình thử » Tham số đầu tiên của $.get()
là URL chúng ta muốn yêu cầu ("demo_test.asp").
Tham số thứ hai là hàm gọi lại. Tham số gọi lại đầu tiên giữ nội dung của trang được yêu cầu và tham số gọi lại thứ hai giữ trạng thái của yêu cầu.
Mẹo: Đây là hình thức của tệp ASP ("demo_test.asp"):
<%
response.write("This is some text from an external ASP file.")
%>
Phương thức jQuery $.post()
Phương thức $.post()
yêu cầu dữ liệu từ máy chủ bằng yêu cầu HTTP POST.
Cú pháp:
$.post( URL,data,callback );
Tham số URL bắt buộc chỉ định URL bạn muốn yêu cầu.
Tham số dữ liệu tùy chọn chỉ định một số dữ liệu sẽ 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 nếu yêu cầu thành công.
Ví dụ sau sử dụng phương thức $.post()
để gửi một số dữ liệu cùng với yêu cầu:
Ví dụ
$("button").click(function(){
$.post("demo_test_post.asp",
{
name: "Donald Duck",
city: "Duckburg"
},
function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
});
Hãy tự mình thử » Tham số đầu tiên của $.post()
là URL chúng ta muốn yêu cầu ("demo_test_post.asp").
Sau đó, chúng tôi chuyển một số dữ liệu để gửi cùng với yêu cầu (tên và thành phố).
Tập lệnh ASP trong "demo_test_post.asp" đọc các tham số, xử lý chúng và trả về kết quả.
Tham số thứ ba là hàm gọi lại. Tham số gọi lại đầu tiên giữ nội dung của trang được yêu cầu và tham số gọi lại thứ hai giữ trạng thái của yêu cầu.
Mẹo: Đây là hình thức của tệp ASP ("demo_test_post.asp"):
<%
dim fname,city
fname=Request.Form("name")
city=Request.Form("city")
Response.Write("Dear " & fname & ". ")
Response.Write("Hope you live well in " & city & ".")
%>
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.