循环中的XMLHttpRequest

Question

该代码应该在多个网页中循环并找到每个页面上的所有链接，并在控制台中将其列出，但似乎仅列出最后一个网页（fakeURL.com/735）中的链接。

我如何获得console.log(url); 可以为每一次迭代工作，而不仅仅是最后一次迭代（当i = 735时）？

for(i = 0; i <= 735; i += 15) 
{
    var xhrs = new XMLHttpRequest();
    xhrs.open("get", 'http://fakeURL.com/' + i, true);
    xhrs.onreadystatechange = function() 
    {
        if (xhrs.readyState == 4) 
        {
            $(xhrs.responseText).find('a').each(function()
            {           
                var url = $(this).attr('href');
                console.log(url);                                               
            });
        }
    }
        xhrs.send();
}

Answer 1

您的问题是您对所有的ajax调用都使用了相同的xhrs变量。 因此，当onreadystatechange事件触发时，所有xhrs的调用都无法立即找到属于其特定请求的xhrs变量。 因此，它们最终都会查看来自最后一个请求的xhrs.readyState ，因此您只会看到最后一个请求已完成。

您应该能够切换到使用this来引用生成onreadystatechange事件的请求：

for(i = 0; i <= 735; i += 15) {
    var xhrs = new XMLHttpRequest();
    xhrs.open("get", 'http://fakeURL.com/' + i, true);
    xhrs.onreadystatechange = function() 
    {
        if (this.readyState == 4) 
        {
            $(this.responseText).find('a').each(function()
            {           
                var url = $(this).attr('href');
                console.log(url);                                               
            });
        }
    }
    xhrs.send();
}

正如其他人所说，如果$表示您正在使用jQuery，则jQuery.ajax()可能会容易jQuery.ajax() 。