使用javascript进行多个HTTP GET请求

Question

我试图在js中发出多个http get请求。 但我完全是菜鸟。 我也不会反对jQuery。 我的想法是打电话给我的服务器，以便可以填充js图表。

var client;
function handler() { 
    if(client.readyState == 4 && client.status == 200) { 
        // make a chart
    }
} 

window.onload = function() { 
    client = new XMLHttpRequest(); 
    client.onreadystatechanged = handler; 
    client.open("GET", "http://someurl/stuff"); 
    client.send();
}

因此，以上是网络请求的基本概念。 看来处理程序会执行回调或事件。 这在创建一个获取请求时起作用。 但是如果我获得两个或更多，则结果会好坏参半。 有时所有请求都可以工作，有时则没有，或者只有一个。 发生的错误是尚未关闭连接。

Answer 1

这段代码的主要问题是它使用相同的全局变量（例如client ），这些全局变量只会在多个请求变得混乱时失败。

（这个问题的处理程序调用的顺序是不确定的，由于请求的异步性质是仅次于缺乏创建/使用XHR对象在给定的代码的重入的-没有办法，处理程序是当访问client变量时，保证了正确的XHR对象！）

闭包和对象避免了这个问题，但是..只需使用jQuery（或者您更喜欢提供一个不错的XHR接口的任何库，最好是Promises）。

由于您“不会反对jquery”，因此请使用它 。 注意仅使用回调函数（或promise处理程序）提供的返回数据在回调（或promise处理程序）中进行工作，这是因为请求是异步的。