jQuery AJAX get() 和 post() 方法示例讲解

ajax基本知识请查看 Ajax操作

jQuery AJAX 方法是对基本ajax操作的封装，解决了ajax跨浏览器的问题，通过 jQuery AJAX 方法，我们能使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON数据并能够把这些外部数据直接载入网页的选中区域，实现异步的局部更新。

HTTP 方法：选GET 还是 POST

GET 方法

注意，查询字符串（名称/值对）是在 GET 请求的 URL 中发送的：

/test/demo_form.php?name1=value1&name2=value2

有关 GET 请求的其他一些性质：

GET 请求可被缓存
GET 请求保留在浏览器历史记录中
GET 请求可被收藏为书签
GET 请求不应在处理敏感数据时使用
GET 请求有长度限制
GET 请求只应当用于取回数据

POST 方法

注意，查询字符串（名称/值对）是在 POST 请求的 HTTP 消息主体中发送的：

POST /test/demo_form.php HTTP/1.1
Host: w3schools.com
name1=value1&name2=value2

有关 POST 请求的其他一些性质：

POST 请求不会被缓存
POST 请求不会保留在浏览器历史记录中
POST 不能被收藏为书签
POST 请求对数据长度没有要求

下面的表格比较了两种 HTTP 方法：GET 和 POST。

其他 HTTP 请求方法

jQuery $.get() 方法

$.get() 方法通过 HTTP GET 请求从服务器上请求数据。
语法：$.get(URL,callback);

必需的 URL 参数规定您希望请求的 URL。

可选的 callback 参数是请求成功后所执行的函数名。

下面的例子使用 $.get() 方法从服务器上的一个文件中取回数据并以警示框的形式显示出来：
实例

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

$.get() 的第一个参数是我们希望请求的 URL（”get_test.php”）。

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

jQuery $.post() 方法

$.post() 方法通过 HTTP POST 请求从服务器上请求数据。
语法：$.post(URL,data,callback);

必需的 URL 参数规定您希望请求的 URL。

可选的 data 参数规定连同请求发送的数据。

可选的 callback 参数是请求成功后所执行的函数名。

下面的例子使用 $.post() 连同请求一起发送数据：
实例

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

$.post() 的第一个参数是我们希望请求的 URL (“test_post.php”)。

然后我们连同请求（name 和 city）一起发送数据。

“test_post.php” 中的 php 脚本读取这些参数，对它们进行处理，然后返回结果。

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