<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 了。
您可能感兴趣的文章: