12、jQuery 中的 AJAX 与表格操作技巧

jQuery 中的 AJAX 与表格操作技巧

1. AJAX 技术详解

AJAX 是一种在不刷新整个页面的情况下，与服务器进行异步通信并更新部分网页的技术。jQuery 提供了丰富的 AJAX 工具，下面详细介绍其相关内容。

1.1 底层 AJAX 方法

jQuery 内部将多个发起 AJAX 事务的方法映射到 $.ajax() 全局函数的不同变体上。这个函数接收一个选项映射，可用于自定义其行为。

例如，使用 $('#dictionary').load('a.html') 加载 HTML 片段，也可以使用 $.ajax() 实现：

$.ajax({
  url: 'a.html',
  type: 'GET',
  dataType: 'html',
  success: function(data) {
    $('#dictionary').html(data);
  }
});

使用 $.ajax() 时，需要明确指定请求方法、返回的数据类型以及如何处理结果数据。虽然这样做会增加程序员的工作量，但也带来了很大的灵活性，具体如下：
- 防止浏览器缓存服务器响应，适用于服务器动态生成数据的情况。
- 为请求成功、出错或所有情况分别注册回调函数。
- 抑制通常由所有 AJAX 交互触发的全局处理程序（如使用 $.ajaxStart() 注册的处理程序）