Ajax 请求

.ajax $.ajax(options) ⇒ XMLHttpRequest 执行Ajax请求。它可以是本地资源，或者通过支持HTTP access control的浏览器 或者通过 JSONP来实现跨域。

选项:

type(默认： “GET”)：请求方法 (“GET”, “POST”, or other)

url (默认： 当前地址)：发送请求的地址

data (默认：none)：发送到服务器的数据；如果是GET请求，它会自动被作为参数拼接到url上。非String对象将通过 $.param 得到序列化字符串。

processData (默认： true)： 对于非Get请求。是否自动将 data 转换为字符串。

contentType (默认： “application/x-www-form-urlencoded”)： 发送信息至服务器时内容编码类型。 (这也可以通过设置 headers)。通过设置 false 跳过设置默认值。

mimeType (默认： none): 覆盖响应的MIME类型。 v1.1+

dataType (默认： none)：预期服务器返回的数据类型(“json”, “jsonp”, “xml”, “html”, or “text”)

jsonp (默认：“callback”): JSONP回调查询参数的名称

jsonpCallback (默认： “jsonp{N}”): 全局JSONP回调函数的 字符串（或返回的一个函数）名。设置该项能启用浏览器的缓存。 v1.1+

timeout (默认： 0): 以毫秒为单位的请求超时时间, 0 表示不超时。

headers: Ajax请求中额外的HTTP信息头对象

async (默认：true): 默认设置下，所有请求均为异步。如果需发送同步请求，请将此设置为 false。

global (默认：true): 请求将触发全局Ajax事件处理程序，设置为 false 将不会触发全局 Ajax 事件。

context (默认：window): 这个对象用于设置Ajax相关回调函数的上下文(this指向)。

traditional (默认： false): 激活传统的方式通过$.param来得到序列化的 data。

cache (默认： true): 浏览器是否应该被允许缓存GET响应。从v1.1.4开始，当dataType选项为 "script" 或 jsonp时，默认为false。

xhrFields (默认： none): 一个对象包含的属性被逐字复制到XMLHttpRequest的实例。 v1.1+

username & password (默认： none): HTTP基本身份验证凭据。 v1.1+

                            $(document).on('ajaxBeforeSend',    function(e,    xhr,    options){
                                    //    This    gets    fired    for    every    Ajax    request    performed    on    the    page.
                                    //    The    xhr    object    and    $.ajax()    options    are    available    for    editing.
                                    //    Return    false    to    cancel    this    request.
                            })

                            $.ajax({
                                    type:    'GET',
                                    url:    '/projects',
                                    //    data    to    be    added    to    query    string:
                                    data:    {    name:    'Zepto.js'    },
                                    //    type    of    data    we    are    expecting    in    return:
                                    dataType:    'json',
                                    timeout:    300,
                                    context:    $('body'),
                                    success:    function(data){
                                            //    Supposing    this    JSON    payload    was    received:
                                            //            {"project":    {"id":    42,    "html":    "<div>..."    }}
                                            //    append    the    HTML    to    context    object.
                                            this.append(data.project.html)
                                    },
                                    error:    function(xhr,    type){
                                            alert('Ajax    error!')
                                    }
                            })

                            //    post    a    JSON    payload:
                            $.ajax({
                                    type:    'POST',
                                    url:    '/projects',
                                    //    post    payload:
                                    data:    JSON.stringify({    name:    'Zepto.js'    }),
                                    contentType:    'application/json'
                            })