jQuery - AJAX

简介

AJAX 是与服务器交换数据的技术，它在不重载全部页面的情况下，实现了对部分网页的更新。

一、jQuery ajax - ajax() 方法

ajax() 方法通过 HTTP 请求加载远程数据。

语法：jQuery.ajax([settings])

参数：settings

描述：可选。用于配置Ajax请求的键值对集合。

参数：

1. type:请求方式 get/post（默认为get）

2. url:请求的Url    'XXX.aspx' 

3. async：请求是否为异步（默认为true）

4. headers：自定义的header参数

5. data：发往服务器的参数  {key:'value'}

6. dataType：参数格式，常见的有string、json、xml等

7. contents：决定怎样解析response的一个”字符串/正则表达式” map

8. contentType：发送到服务器的额数据的内容编码类型，它的默认值是"application/x-www-form-urlencoded; charset=UTF-8""。

9. success:请求成功后调用的句柄  function(result){ },

10.error：请求失败后调用的句柄

     $.ajax({
                type: 'get',
                url: 'NormalPage.aspx',
                async: true,
                data:{action:'getTime'},
                success: function (result) {
                    setContainer(result);
                },
                error: function () {
                    setContainer('ERROR!');
                }
            });

二、jQuery ajax - load() 方法

jQuery load() 方法是简单但强大的 AJAX 方法。

load() 方法从服务器加载数据，并把返回的数据放入被选元素中。

语法：

$(selector).load(url,data,function(response,status,xhr))

1、url (String) : 请求的HTML页的URL地址。

2、data (Map) : (可选参数) 发送至服务器的 key/value 数据。

3、function(response,status,xhr) ：可选。规定当请求完成时运行的函数。

额外的参数：

• response - 包含来自请求的结果数据
• status - 包含请求的状态（"success", "notmodified", "error", "timeout" 或 "parsererror"）
• xhr - 包含 XMLHttpRequest 对象

三、jQuery ajax - get() 方法

$.get() 方法通过 HTTP GET 请求从服务器上请求数据。

语法：$(selector).get(url,data,success(response,status,xhr),dataType)

1、url (String) :  发送请求的URL地址.

2、data：可选。规定连同请求发送到服务器的数据。

3.success(response,status,xhr)：可选。规定当请求成功时运行的函数。

额外的参数：

• response - 包含来自请求的结果数据
• status - 包含请求的状态
• xhr - 包含 XMLHttpRequest 对象

4、dataType：可选。规定预计的服务器响应的数据类型。

默认地，jQuery 将智能判断。

可能的类型：

• "xml"
• "html"
• "text"
• "script"
• "json"
• "jsonp"

四、jQuery ajax - post() 方法

$.post() 方法通过 HTTP POST 请求从服务器载入数据。

语法：jQuery.post(url,data,success(data, textStatus, jqXHR),dataType)

1、url：必需。规定把请求发送到哪个 URL。

2、data：可选。映射或字符串值。规定连同请求发送到服务器的数据。

3、success(data, textStatus, jqXHR)：可选。请求成功时执行的回调函数。

4、dataType：可选。规定预期的服务器响应的数据类型。默认执行智能判断（xml、json、script 或 html）。