一、Ajax简介：

AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。它有机地包含了以下几种技术：

   Ajax（Asynchronous JavaScript + XML）的定义；

   基于web标准（standards-based presentation）XHTML+CSS的表示；

   使用 DOM（Document Object Model）进行动态显示及交互；

   使用 XML 和 XSLT 进行数据交换及相关操作；

   使用 XMLHttpRequest 进行异步数据查询、检索；

   使用 JavaScript 将所有的东西绑定在一起。

类似于DHTML或LAMP，AJAX不是指一种单一的技术，而是有机地利用了一系列相关的技术。事实上，一些基于AJAX的“派生/合成”式（derivative/composite）的技术正在出现，如“AFLAX”。

AJAX的应用使用支持以上技术的web浏览器作为运行平台。这些浏览器目前包括：Mozilla、Firefox、Internet Explorer、Opera、Konqueror及Safari。但是Opera不支持XSL格式对象，也不支持XSLT。[1]

与传统的web应用比较：

   传统的web应用允许用户填写表单(form)，当提交表单时就向web服务器发送一个请求。服务器接收并处理传来的表单，然后返回一个新的网页。这个做法浪费了许多带宽，因为在前后两个页面中的大部分HTML代码往往是相同的。由于每次应用的交互都需要向服务器发送请求，应用的响应时间就依赖于服务器的响应时间。这导致了用户界面的响应比本地应用慢得多。

   与此不同，AJAX应用可以仅向服务器发送并取回必需的数据，它使用SOAP或其它一些基于XML的web service接口，并在客户端采用JavaScript处理来自服务器的响应。因为在服务器和浏览器之间交换的数据大量减少，结果我们就能看到响应更快的应用。同时很多的处理工作可以在发出请求的客户端机器上完成，所以Web服务器的处理时间也减少了。

二、jQuery中的Ajax：

直接使用Ajax其实会比较麻烦，而jQuery对其进行了封装，使我们不必考虑浏览器的差异等诸多问题。下面是jQuery中常见的ajax函数：

1.load()方法：

load()方法可以通过Ajax从服务器请求数据并将其放置到指定的元素中。其语法格式如下：

   load(url,data,function(response,status,xhr));

url为所请求页面的地址，data为发送到服务器的数据（可选），function为回调函数（可选），如：

   $('#mydiv').load('external.html');

这样就可以将请求的external.html的内容放在#mydiv内。

2.get()方法：

get()方法通过GET请求动态获取数据。其语法格式如下：

   $(selector).get(url,data,success(response,status,xhr),dataType);

url为要请求的页面地址，data为发送到服务器的数据（可选），success为请求成功后的回调函数，dataType为服务器响应（返回）的数据类型，可选类型包括"xml"、"html"、"text"、"script"、"json"、"jsonp"。

3.post()方法：

post()方法通过POST请求动态获取数据。其语法格式如下：

   jQuery.post(url,data,success(data, textStatus, jqXHR),dataType);

url为要请求的页面地址，data为发送到服务器的数据（可选），success为请求成功后的回调函数，dataType为服务器响应（返回）的数据类型。

4.ajax()方法：

       ajax()方法是一种更底层的方法，其功能最为强大，以下是我的一个应用，用于异步获取电影列表：

$.ajax({
            url: '/favorites/movies/list/',    //请求页面的URL地址
            data: {page: pageNum},    //发送到服务器的数据，这里是告诉服务器所请求的页码
            dataType: "json",    //服务器响应（返回）的数据类型，这里我使用了"json"
            beforeSend: function() {    //当一个Ajax请求开始时触发beforeSend，这里主要允许你在发送请求前修改XMLHttpRequest对象的函数
                pageLoading = 1;
                leftnav_loading.fadeIn('slow');
            },
        })
        .complete(function() {    //请求完成后的回调函数(请求成功或失败时均会调用)
            pageLoading = 0;
            leftnav_loading.fadeOut('fast');
        })
        .success(function(data) {    //请求成功时调用
            //成功返回的回调函数
            ...
        })
        .error(function(jqXHR, textStatus) {    //请求失败时调用，这个方法有三个参数：XMLHttpRequest对象，错误信息，（可能）捕获的错误对象
            //错误处理回调函数
            pageLoaded = 0;
        });

       该方法还包括很多参数，以下是通过网络搜集的一个列表，更详细的可参考jQuery官方文档。