合理数量的并发异步 Ajax 请求

Question

我想知道一般允许多少个同时异步 ajax 请求的共识是什么。

我问的原因是我正在开发个人网络应用程序。在大多数情况下，我将我的要求减少到一个。然而，在某些情况下，我会同时发送最多 4 个请求。这会导致一点延迟，因为浏览器一次只能处理 2 个。

目前，延迟在可用性方面不是问题。如果有的话，我还需要一段时间才能担心可扩展性。但我会尽力遵循合理的最佳实践。你有什么想法？ 4 个请求是一个合理的数字吗？

Answer 1

我很确定浏览器无论如何都会限制您可以拥有的连接数量。

如果您使用的是 Firefox，请输入 about:config 并查找 network.http.max-connections-per-server，这将告诉您最大连接数。我几乎肯定这也将是 AJAX 连接的限制。我认为 IE 仅限于 2。我不确定 Chrome 或 Opera。

编辑：

在 Firefox 23 中，名为 network.http.max-connections-per-server 的首选项不存在，但有一个 network.http.max-persistent-connections-per -server，默认值为 6。

Answer 2

这实际上取决于它是否能正常工作。如果应用程序的逻辑构建为 4 个同时请求有意义，请这样做。如果逻辑不会因将多个请求打包到一个请求中而受到干扰，则可以这样做，但前提是它不会使代码变得更加复杂。保持简单直接，直到出现问题，然后才可以开始优化。

但你可以问问自己，应用程序的设计是否可以改进，不再需要多个请求。

还要在连接速度非常慢的情况下检查它。同时的 http 请求不一定以正确的顺序在服务器上执行，它们也可能以不同的顺序返回。这可能会带来只有在较慢的线路上才会遇到的问题。

Answer 3

在不了解一些细节的情况下很难回答。如果您只是触发请求并忘记它们，那么 4 个请求就可以了，20 个请求也可以 - 只要用户体验不会因性能缓慢而受到损害。但如果您必须从服务收集回信息，那么协调这些响应可能会变得很棘手。这可能是值得考虑的事情。

克里斯蒂安之前的回答有一个很好的观点 - 在慢速连接上检查它。 Fiddler 可以提供帮助，因为它允许您通过模拟不同的连接速度（56K 及以上）来测试慢速连接。

您还可以考虑向控制服务触发一个可能包含一条或多条消息的异步请求，然后控制服务可以将消息传递给适当的服务，收集结果，然后返回给客户端。触发多个异步请求然后在不同时间返回可能会给用户带来不稳定的体验，因为每个响应随后在不同时间呈现在页面上。

Answer 4

根据我的经验，1 是最好的数字，但我同意在极少数情况下可能需要同时进行呼叫。

我记得，IE 是唯一仍将连接数限制为 2 个的浏览器。这会导致您的请求排队，如果您的前 2 个请求花费的时间超过预期或超时，则其他两个请求将自动失败。在某些情况下，您还会在 IE 中看到烦人的“允许脚本继续”对话框。

如果您的用户在所有 4 个请求返回之前无法真正执行任何操作（特别是 IE 的 JavaScript 性能陷入困境），我将创建一个包含所有请求数据的传输对象，然后创建一个可以解析和委托的返回传输对象返回。

Answer 5

我不是网络方面的专家，但对于中小型应用程序来说，四个可能不会有太大问题，但是，它越大，服务器负载就越高，最终可能会导致问题。这确实不能回答您的问题，但这是一个建议。如果延迟不是问题为什么不使用队列。

var request = []//a queue of the requests to be sent to the server

request[request.length] = //whatever you want to send to the server
startSend();

function startSend(){//if nothing is in the queue go ahead and send this one
  if(request.length===1){
    send();
  }
}

function send(){//the ajax call to the server using the first request in queue
  var sendData = request[0];
  //code to send the data
  //then when you get the response (I can't remember exactly the code for it)
  //send it to a function to process the data
}

function process(data){
  request.splice(0,1);
  if(request.length>0){//check to see if you need to do another ajax call
    send();
  }
  //process data
}

这可能不是最好的方法，但您可以将其修改为执行 2 个请求，而不是仅执行一个请求。另外，也许您可​​以修改它，将队列中的请求作为一个请求发送。然后服务器将它们分开并处理每一个并将数据发送回。一次全部完成，甚至在获取数据时完成，因为服务器可以多次刷新数据。您只需确保正确解析响应文本即可。