jquery发送Ajax请求

概述

Ajax用于浏览器与服务器通信而无需刷新整个页面，服务器将不再返回整个页面，而是返回少量数据,
比如Flash，Java applet，iframe等，但Ajax是目前最为常见的一种。
我们可以使用JavaScript扩展对象XMLHttpRequest实现Ajax，下面直接了解jQuery实现Ajax。

$.ajax()

举例：

$.ajax({
    url: "/greet",
    data: {name: 'jenny'},
    type: "POST",
    dataType: "json",
    success: function(data) {
        // data = jQuery.parseJSON(data);  //dataType指明了返回数据为json类型，故不需要再反序列化
        ...
    }
});

可选字段：
1）url：链接地址，字符串表示
2）data：需发送到服务器的数据，GET与POST都可以，格式为{A: ‘…’, B: ‘…’}
3）type：“POST” 或 “GET”，请求类型
4）timeout：请求超时时间，单位为毫秒，数值表示
5）cache：是否缓存请求结果，bool表示
6）contentType：内容类型，默认为"application/x-www-form-urlencoded"
7）dataType：服务器响应的数据类型，字符串表示；当填写为json时，回调函数中无需再对数据反序列化为json
8）success：请求成功后，服务器回调的函数
9）error：请求失败后，服务器回调的函数
10）complete：请求完成后调用的函数，无论请求是成功还是失败，都会调用该函数；如果设置了success与error函数，则该函数在它们之后被调用
11）async：是否异步处理，bool表示，默认为true；设置该值为false后，JS不会向下执行，而是原地等待服务器返回数据，并完成相应的回调函数后，再向下执行
12）username：访问认证请求中携带的用户名，字符串表示
13）password：返回认证请求中携带的密码，字符串表示

$.post()

$.post(
    url: "/greet",
    data:{name: 'Brad'},
    function(data) {
        ...
    },
    dataType："json"
);

可选参数：
1）url：链接地址，字符串表示
2）data：需要发送到服务器的数据，格式为{A: ‘…’, B: ‘…’}
3）func：请求成功后，服务器回调的函数；function(data, status, xhr)，其中data为服务器回传的数据，status为响应状态，xhr为XMLHttpRequest对象
4）dataType：服务器返回数据的格式

$.get()

$.get(
     url: "/greet",
    data:{name: 'Brad'},
    function(data) {
        ...
    },
    dataType："json"
);

其各个参数所示意义与$.post()一致