之前在开发过程中有发现在一个页面内同时对单个url发出多个Ajax请求最后完成回调的只有最后一个。具体是什么原因导致的呢？针对这个问题，本人做了进一步的测试。 对于单个页面内并发的异步请求分为以下几种情况：

1. 并发多个相同url的请求
2. 并发多个不同url的请求（参数不同，协议相同）
3. 并发多个不同url的请求（参数和协议都不同）

测试方法： 客户端：同时发出N异步请求，并输出发出请求的时间；当服务器返回相应数据后将接受请求的时间输出，并输出之前所发送的请求的标识ID。 服务器：服务器接到请求后延时一秒再生成具体的内容返回HTTP请求。 下面测试的是用Ajax实现的异步请求，其中使用的是JQuery封装好的Ajax函数。

测试“并发多个相同的url请求”：

客户端：

1. function multiSameUrlRequest() {
2. for(var i = 0; i < 8; i++) {
3. $.getJSON("json1.php", {}, function(data) {
4. show(data);
5. });
6. showRequestSent("json1.php");
7. }
8. }

服务端：

1. <?php
2. function microtime_float()
3. {
4. list($usec, $sec) = explode(" ", microtime());
5. return ((float)$usec + (float)$sec);
6. }
7.  
8. $log_dir = "log.txt";
9. $log = fopen($log_dir, ‘a‘) or die("can‘t open file");
10. $timestamp = microtime_float().": get json1.php request\n";
11. fwrite($log, $timestamp);
12. sleep(1);
13. echo ‘{ "msg": "json1\‘s response." }‘;
14. $timestamp = microtime_float().": send json1.php request\n";
15. fwrite($log, $timestamp);
16. fclose($log);
17. ?>

在客户端的程序中，连续对json1.php发送了8个请求。下面是在各个浏览器下的表现：

服务器端处理请求日志：

从上面三组数据汇总不难发现，在Chrome和Firefox中对同样Url的请求的数据表现情况基本一致；而在IE下，数据表现与另外两组相差甚大，即服务器返回数据的时间间隔完全与程序中所写的不符合。按照正常情况，从发送请求到接收到请求的时间差至少为1秒，IE下发送和返回请求的时间数据是我们所期望的；但在Chrome和Firefox下，每个请求的发送和返回时间与我们的预期很不一样。不难发现，在Chrome和Firefox下，JavaScript在客户端执行发送异步请求的语句的时间点基本一致，但请求返回的时间每个之间都相隔了1s左右，这个一秒也正是我们在服务器端所设置的延时长度。那这个时间差实在服务器端产生的还是在客户端产生的呢？根据上面的数据，我们猜测造成Chrome和Firefox请求返回时间差的原因是浏览器在发现页面内发送相同URL的多个异步请求，于是将相同URL的异步请求缓存，等先前的异步请求完成后，再将后面的异步请求发出。本人用Fiddler对期间的请求进行了监控：

Chrome：

Chrome下相同URL的异步请求

IE：

IE下相同URL的异步请求

从上面的两幅HTTP请求统计图不难发现，Chrome和Firefox下会对相同URL的异步请求阻塞，即任意时刻相同URL的异步请求同一页面内只能有一个处于“正在执行”的状态。

测试“并发多个不同url的请求（参数不同，协议相同）”：

在客户端程序中，连续对服务器端发送8个请求，其中都是请求json1.php，但带上了一个r参数，r是随机数，使得每个请求的URL不同（仅参数不同），下面的数据是在各浏览器中的表现：

从上面的数据中，我们发现在Chrome和Firefox下，前六个请求的返回时间基本一致，第七第八个请求的返回时间也基本一致；而在IE下8个请求的返回时间都一致。对于这样的现象，猜测可能浏览器本身对于同一协议的访问数做了限制，于是在再次做了下面的测试，将并发数改为20，再次执行测试代码：

不过其然，上面的数据印证了我们的猜想，浏览器对同一协议的并发数量有限制，且Chrome和Firefox均为6，而IE则为12。然后，我再用Fiddler验证了这一结论。

Chrome：

Chrome下不同URL（参数不同、协议相同）的并发异步请求

IE:

IE下不同URL（参数不同、协议相同）的并发异步请求

测试“并发多个不同url的请求（参数不同，协议不同）”：

参数协议均不同的情况下，发现数据表现和仅参数不同的情况基本一致。所以，归纳为浏览器与同一服务器的连接数最大值有限制，即Chrome和Firefox为6，IE为12。然后，本人在Firefox的“about:config”页面下找到如下图的配置项（network.http.max-persistent-connections-per-server）：

Firefox同一服务器最大连接数配置项

经测试，该配置项就是用于控制页面与同一服务器的最大连接数。

原文链接：

http://lison.sinaapp.com/?p=135

【转】关于“不同浏览器的并发异步请求”的简单研究