$.ajax()

阅读数:996 发布时间:2016-09-30 08:58:22

作者:w4why 标签: ajax zepto

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'
    })

相关文章推荐: