<?php // 服务器端为格林尼治标准时间，这里需设置为中国所在时区 date_default_timezone_set("PRC"); $username = ""; $ajaxMethod = ""; // 判断是 GET 还是 POST if(isset($_GET["username"])) { $username = $_GET["username"]; $ajaxMethod = "GET"; } else { $username = $_POST["username"]; $ajaxMethod = "POST"; }

 echo "你好，" . $username . ", 现在时间为：" . date("Y-m-d H:i:s"). "，此数据来源于 " . $ajaxMethod . " Ajax";
?>

可以看到，jQuery Ajax 的 GET 方法 和 POST 方法，使用起来依然相当之方便。
控制 Ajax

GET 和 POST 方法以及前面提到的 load 方法，使用起来虽然十分实用，但是某些时候却过于简单，很多时候我们都需要更多的控制 Ajax 的细节，jQuery 同样提供了一些方法来控制 Ajax 的细节，主要通过 $.ajax(options) 方法来实现，请看下面的代码片段：

<script type="text/javascript"> $(document).ready(function() { // 为 GET 按钮添加事件 $("#getbtn").click(function() { $.ajax({ type: "GET", url: "ajaxpage.php", data: {username:$("#username").val()}, timeout: 3000, error: function() { alert("error!"); }, success: function(data) { // 回调函数，将返回的数据添加到 P 标签中 $("#ajaxdata").html(data); } }); }); // 为 POST 按钮添加事件 $("#postbtn").click(function() { $.ajax({ type: "POST", // Ajax 提交方式 url: "ajaxpage.php", // 提交页 data: {username:$("#username").val()}, // 要提交的数据 timeout: 3000, // 超时设置，单位为毫秒 error: function() { // Ajax 发生错误时 alert("error!"); }, success: function(data) { // 回调函数，将返回的数据添加到 P 标签中 $("#ajaxdata").html(data); } }); }); }); </script>

上面例子中，$.ajax(options) 中的 options 条目是可选的，并不是每个参数都要设置。对于有些参数而言，例如 timeout 和 error 在某个项目中是固定不变的，那么就没必要在每个 Ajax 代码中都写，可以用 jQuery 提供的全局 Ajax 设置的方法来设置一下，设置方法如下：

<script type="text/javascript"> $(document).ready(function() { // 全局 Ajax 设定，这里的设置将对本页面所有 Ajax 方法适用 $.ajaxSetup({ url: "ajaxpage.php", // Ajax 提交页 timeout: 3000, // 超时设置，单位为毫秒 error: function() { // Ajax 发生错误时 alert("error!"); } }); // 为 GET 按钮添加事件 $("#getbtn").click(function() { $.ajax({ type: "GET", data: {username:$("#username").val()}, success: function(data) { // 回调函数，将返回的数据添加到 P 标签中 $("#ajaxdata").html(data); } }); }); // 为 POST 按钮添加事件 $("#postbtn").click(function() { $.ajax({ type: "POST", // Ajax 提交方式 data: {username:$("#username").val()}, // 要提交的数据 success: function(data) { // 回调函数，将返回的数据添加到 P 标签中 $("#ajaxdata").html(data); } }); }); }); </script>

上面例子中，在全局设定里面设置好了的参数，在整个页面中都会生效，这个功能可以大大的减少重复的代码。

以上这些就是 jQuery Ajax 的几种简单使用方式，而且上面的几个例子中服务器返回的数据都是纯文本，如果是在复杂的 Ajax 应用中，可能就需要用到 XML 或者 JSON 了。
      

Tag标签:  jQuery  AJAX