Question

我已经制作了一个ajax调用拦截器来侦听XMLHttpRequests。

我想修改XHR的请求标头。出于某种原因，我只能在XMLHttpRequest.send()中更改它们。是否要在XMLHttpRequest.open()中修改它们？它抛出了我粘贴在下面的代码中的异常。

那么，为什么我会收到错误？

(function (open) {

    XMLHttpRequest.prototype.open = function () {

        this.setRequestHeader('foo', 'bar'); 
        // InvalidStateError: An attempt was made to 
        // use an object that is not, or is no longer, usable

        open.apply(this, arguments);
    };

})(XMLHttpRequest.prototype.open);

(function (send) {

    XMLHttpRequest.prototype.send = function () {

        this.setRequestHeader('foo', 'bar'); // OK

        send.apply(this, arguments);
    };

})(XMLHttpRequest.prototype.send);

for(var i = 0; i < 3; i++){

    var rnd = Math.round(Math.random()*3+1),
        httpRequest = new XMLHttpRequest();

    httpRequest.onreadystatechange = function () { };
    httpRequest.open('GET', '/echo/json?delay=' + rnd);
    httpRequest.send();

}

http://jsfiddle.net/zrZ3a/2/

Answer 1

如果换掉怎么办？

this.setRequestHeader('foo', 'bar'); 
open.apply(this, arguments);

得到：

open.apply(this, arguments);
this.setRequestHeader('foo', 'bar');

那么它有效吗？

修改XMLHttpRequest中的请求标头

1 个答案: