jQuery - Phương thức AJAX get () và post ()
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 một yêu cầu HTTP GET hoặc POST.
Yêu cầu HTTP: GET so với POST
Hai phương pháp 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ụ thể
- POST - Gửi dữ liệu được xử lý tới một tài nguyên cụ thể
Về cơ bản, GET được sử dụng để lấy (lấy) một số dữ liệu từ máy chủ. Lưu ý: Phương thức GET có thể trả về dữ liệu đã lưu trong bộ nhớ cache.
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à 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 $.get()thức yêu cầu dữ liệu từ máy chủ với một 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 một hàm sẽ được thực thi nếu yêu cầu thành công.
Ví dụ sau sử dụng $.get()phương pháp để truy xuất dữ liệu từ tệp trên máy chủ:
Thí dụ
$("button").click(function(){
$.get("demo_test.asp", function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
});
Tham số đầu tiên $.get()là URL mà chúng tôi muốn yêu cầu ("demo_test.asp").
Tham số thứ hai là một 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à cách tệp ASP trông như thế nào ("demo_test.asp"):
<%
response.write("This is some text from an external ASP file.")
%>
Phương thức jQuery $ .post ()
Phương $.post()thức yêu cầu dữ liệu từ máy chủ bằng cách sử dụ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 để 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 một hàm sẽ được thực thi nếu yêu cầu thành công.
Ví dụ sau sử dụng $.post()phương pháp này để gửi một số dữ liệu cùng với yêu cầu:
Thí dụ
$("button").click(function(){
$.post("demo_test_post.asp",
{
name: "Donald Duck",
city: "Duckburg"
},
function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
});
Tham số đầu tiên $.post()là URL mà chúng tôi 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ề một kết quả.
Tham số thứ ba là một 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à cách tệp ASP trông như thế nào ("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 chiếu 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 .