javascript - XHR在onreadystatechange中获取请求URL

Question

有什么方法可以在“onreadystatechange”方法中获取请求的URL吗？

我想运行多个 XHR 请求并知道其中哪些请求返回:

xhr.open("GET", "https://" + url[i], true);
xhr.onreadystatechange = function(url) {
    console.log("Recieved data from " + url);
};
xhr.send();

Answer 1

有 3 种简单的方法可以做到这一点。

1: 使用已经描述的闭包

2: 在 xhr 对象上设置一个属性，你以后可以像这样引用它:

xhr._url = url[i];
xhr.onreadystatechange = function(readystateEvent) {
    //'this' is the xhr object
    console.log("Recieved data from " + this._url);
};
xhr.open("GET", "https://" + url[i], true);

3:将您需要的数据加入回调(我的首选解决方案)

Function.prototype.curry = function curry() {
    var fn = this, args = Array.prototype.slice.call(arguments);
    return function curryed() {
        return fn.apply(this, args.concat(Array.prototype.slice.call(arguments)));
    };
};

function onReadystateChange(url, readystateEvent) {
  console.log("Recieved data from " + url);
};

xhr.onreadystatechange = onReadystateChange.curry(url[i]);
xhr.open("GET", "https://" + url[i], true);