jQuery AJAX get() 和 post() 方法

jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。

HTTP 请求:GET vs. POST

两种在客户端和服务器端进行请求-响应的常用方法是:GET 和 POST。

  • GET - 从指定的资源请求数据
  • POST - 向指定的资源提交要处理的数据

GET 基本上用于从服务器获得(取回)数据。注释:GET 方法可能返回缓存数据。

POST 也可用于从服务器获取数据。不过,POST 方法不会缓存数据,并且常用于连同请求一起发送数据。

如需学习更多有关 GET 和 POST 以及两方法差异的知识,请阅读我们的

Cú pháp:

URL,callback);

Bắt buộc URL Tham số quy định URL mà bạn muốn yêu cầu.

Tùy chọn callback Tham số là tên hàm sẽ được thực thi sau khi yêu cầu thành công.

Mô hình

$("button").click(function(){
  $.get(\
    alert("Data: " + data + "\nStatus: " + status);
  });
});

Thử ngay

Tham số đầu tiên của $.get() là URL mà chúng ta muốn yêu cầu (\

Lưu ý:Tệp 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);

Bắt buộc URL Tham số quy định URL mà bạn muốn yêu cầu.

Tùy chọn data Tham số quy định dữ liệu được gửi cùng với yêu cầu.

Tùy chọn callback Tham số là tên hàm sẽ được thực thi sau khi yêu cầu thành công.

Ví dụ dưới đây sử dụng $.post() để gửi dữ liệu cùng với yêu cầu:

Mô hình

$("button").click(function(){
  $.post("demo_test_post.asp",
  {
    name:"Donald Duck",
    city:"Duckburg"
  },
  function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
  });
});

Thử ngay

Tham số đầu tiên của $.post() là URL mà chúng ta muốn yêu cầu ("demo_test_post.asp").

Sau đó chúng ta gửi dữ liệu cùng với yêu cầu (name và city).

Văn bản ASP trong "demo_test_post.asp" đọc các tham số này, xử lý chúng và sau đó trả về kết quả.

Tham số thứ ba là hàm回调. Tham số đầu tiên của hàm回调 chứa nội dung của trang yêu cầu, và tham số thứ hai chứa trạng thái của yêu cầu.

Lưu ý:Tệp ASP này ("demo_test_post.asp") tương tự như sau:

<%
dim fname,city
fname=Request.Form("name")
city=Request.Form("city")
Response.Write("Dear " & fname & ". ")
Response.Write("Hope you live well in " & city & ".")
%>

Hướng dẫn tham khảo jQuery AJAX

Nếu bạn cần tham khảo đầy đủ các phương pháp AJAX, hãy truy cập trang web của chúng tôi Hướng dẫn tham khảo jQuery AJAX