jQuery - AJAX get() 和 post() 方法

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

HTTP 请求：GET 与 POST

客户端和服务器之间的请求-响应的两种常用方法是：GET 和 POST。

得到- 从指定资源请求数据
邮政- 将待处理的数据提交到指定资源

GET 基本上用于从服务器获取（检索）一些数据。笔记：GET 方法可能会返回缓存的数据。

POST 也可用于从服务器获取一些数据。但是，POST 方法从不缓存数据，并且通常用于随请求一起发送数据。

要了解有关 GET 和 POST 的更多信息以及这两种方法之间的差异，请阅读我们的HTTP 方法 GET 与 POST章节。

jQuery $.get() 方法

这个$.get()方法通过 HTTP GET 请求从服务器请求数据。

语法：

$.get( URL,callback);

必需的 URL 参数指定您要请求的 URL。

可选的回调参数是请求成功时要执行的函数的名称。

以下示例使用$.get()从服务器上的文件检索数据的方法：

示例

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

亲自试一试 »

第一个参数为$.get()是我们希望请求的 URL ("demo_test.html")。

第二个参数是回调函数。第一个回调参数保存请求页面的内容，第二个回调参数保存请求的状态。

提示：ASP 文件如下所示 ("demo_test.html")：

<%
response.write("This is some text from an external ASP file.")
%>

jQuery $.post() 方法

这个$.post()方法使用 HTTP POST 请求从服务器请求数据。

语法：

$.post( URL,data,callback);

必需的 URL 参数指定您要请求的 URL。

可选的数据参数指定一些随请求一起发送的数据。

可选的回调参数是请求成功时要执行的函数的名称。

以下示例使用$.post()随请求一起发送一些数据的方法：

示例

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

亲自试一试 »

第一个参数为$.post()是我们希望请求的 URL ("demo_test_post.html")。

然后我们传入一些数据以随请求一起发送（名称和城市）。

"demo_test_post.html" 中的 ASP 脚本读取参数、处理它们并返回结果。

第三个参数是回调函数。第一个回调参数保存请求页面的内容，第二个回调参数保存请求的状态。

提示：ASP 文件如下所示 ("demo_test_post.html")：

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

jQuery AJAX 参考

有关所有 jQuery AJAX 方法的完整概述，请访问我们的jQuery AJAX 参考。