JQuery XMLHttpRequest对象 JqXHR

时间 2019-11-17

标签 jquery xmlhttprequest 对象 jqxhr 栏目 JQuery 繁體版

原文原文链接

在 jQuery 1.4 以前(包括1.4)，$.ajax() 方法返回的是浏览器原生的 XMLHttpRequest 对象。
从 jQuery 1.5 开始，$.ajax() 方法返回 jQuery 本身的 XMLHttpRequest 对象(通常简称jqXHR)。之因此这样作，是由于 jQuery 1.5 引入了延迟对象 jQuery.Deferred，以便于更好地处理和执行回调函数。
你能够简单地理解为 jqXHR 对象是 jQuery 本身伪造的一个 XMLHttpRequest 对象和 $.Deferred 对象的结合体。
jqXHR是浏览器原生 XMLHttpRequest 对象的超集。例如，它也包含 responseText 和 responseXML 属性，以及 getResponseHeader() 方法。
当传输机制与 XMLHttpRequest 对象不一样时(例如，用一个 <script> 标签来完成 JSONP 请求)，jqXHR对象会尽量地模拟本地 XMLHttpRequest 对象的功能。
从jQuery 1.5.1开始，jqXHR对象也支持 overrideMimeType() 方法(它在 1.4.x 中也可用，但在 1.5 中被临时移除)。overrideMimeType() 方法可用于 beforeSend() 的回调函数中，好比用来修改 Content-Type 响应头。
从jQuery 1.5开始，$.ajax() 返回的 jqXHR 对象实现了 Promise 接口，包括其全部的属性、方法和行为。所以，咱们经过 jqXHR 能够很是简单地为本次 $.ajax() 绑定 AJAX 请求对应状态执行的回调函数。
咱们经过解剖一个完整的 jqXHR 对象，来了解 jqXHR 对象的属性和方法：javascript

注意：html

jQuery.ajax返回的是jqXHR对象，它是浏览器原生XMLHttpRequest对象的一个超集，并实现了Promise接口。使它拥有了Promise的全部属性，方法和行为。为了让回调函数名字统一，便于$.ajax中使用，jqXHR也提供了.error()，.success()，.complete()，可是因为版本的升级相应的.fail()，.done()，.always()代替了前三个方法。java

使用过程遇到的问题：web

缘由是由于我使用的jQuery版本太高，对jqXHR的success回调不支持，改为done便可解决。ajax

var jqXHR = {
    abort: function (statusText){
        // 取消请求，关闭链接                
    },
    always: function (){
        // 设置请求完成(不管成功或失败)时须要执行的一个或多个回调函数
    },
    complete: function (){
        // always()函数的别名，设置请求完成(不管成功或失败)时须要执行的一个或多个回调函数
    },
    done: function (){
        // 设置请求成功时须要执行的一个或多个回调函数
    },
    error: function (){
        // fail()函数的别名，设置请求失败时须要执行的一个或多个回调函数
    },
    fail: function (){
        // 设置请求失败时须要执行的一个或多个回调函数                
    },
    getAllResponseHeaders: function (){
        // 获取响应头信息的原始字符串        
    },
    getResponseHeader: function (key){
        // 获取响应头中指定名称的值     
    },
    overrideMimeType: function (type){
        // 重写 Content-Type 响应头       
    },
    pipe: function (){
        // then() 函数的别名，分别设置请求成功、失败、正在进行时须要执行的回调函数           
    },
    progress: function (){
        // 设置 Deferred 对象生成进度通知时须要执行的回调函数
    },
    promise: function (obj){
        // 为指定对象追加 Promise 对象的成员，以充当 Promise 对象 
    },
    readyState: 4, // 请求的状态
    responseText: "<!DOCTYPE html><html>......</html>", // 响应的文本内容
    setRequestHeader: function (name, value){
        // 设置请求头
    },
    state: function (){
        // 肯定一个 Deferred 对象的当前状态，例如："pending"、"resolved"、"rejected"               
    },
    status: 200,
    statusCode: function (map){     
        // 设置响应指定状态码须要执行的回调函数
        // map形如：{ 301:function(){}, 404:function(){} }     
    },
    statusText: "OK", // 状态响应头中的描述文本
    success: function (){
        // done()函数的别名，设置请求成功时须要执行的一个或多个回调函数
    }
};

前面已经说了，咱们经过 jqXHR 能够很是简单地为本次 $.ajax() 绑定 AJAX 请求对应状态执行的回调函数。promise

而 $.ajax() 方法执行完后会返回一个 jqXHR 对象。由于，咱们其实大能够不在 $.ajax() 方法的参数中指定回调，转而使用链式写法，经过 jqXHR 对象的各个方法来指定回调。浏览器

像 $.get()，$.post() 这一类对 $.ajax() 进行了再封装的方法，方法自己的参数不支持设置 error 等回调，那么咱们就能够用上面所说的方法来达到此目的。ide

//例1
$.ajax({
  url: '/some.js',
  type: 'get',
  dataType: 'script'
}).success(function () {
  //...
}).error(function () {
  //...
})

//例2
$.get('/some.js', function () {
  //...
}, 'script').error(function () {
  //...
})

相关文章连接：http://www.cnblogs.com/webFrontDev/p/3265568.html函数