异步长连接遇阻塞，探索，以及解决_异步请求导致网络阻塞-CSDN博客

本文链接：https://blog.csdn.net/guoerwei/article/details/6535389

在尝试实现聊天程序时，遇到AJAX长连接监听新消息导致发言AJAX阻塞的问题。通过分析，发现使用appendChild()创建script标签加载延迟响应的PHP脚本可以避免阻塞。此外，将长连接的PHP程序中使用session替换为cookie解决了阻塞问题。

摘要由CSDN通过智能技术生成

在试验聊天程序的时候，利用AJAX保持着一个长连接监听新的聊天信息，之后又调用了另外一个AJAX来发言，于是就发生了一个AJAX线程被阻塞的问题。

在未监听到新的聊天信息的之前，发言用的AJAX就无法发出。

于是发现，这种时候，用AJAX来做聊天并不是一个合适的选择。

拍一下脑袋，想到了直接用appendChild()的方法来远程调用一个php所编译的js文件

<!DOCTYPE html> <head> <meta charset="utf-8" /> </head> <body> <a href="javascript:void(0);" mce_href="javascript:void(0);" οnclick="aa(); return false;">执行a，AJAX延时</a> <br /> <a href="javascript:void(0);" mce_href="javascript:void(0);" οnclick="bb(); return false;">执行b，AJAX不延时</a> <br /> <a href="javascript:void(0);" mce_href="javascript:void(0);" οnclick="cc(); return false;">执行c，append延时</a> <br /> <a href="javascript:void(0);" mce_href="javascript:void(0);" οnclick="dd(); return false;">执行d，append不延时</a> <script type="text/javascript"> function getxmlhttp(){ var a; try{a=new ActiveXObject("Msxml2.XMLHTTP");} catch(e){ try{a=new ActiveXObject("Microsoft.XMLHTTP");} catch(E){a=false;} } if(!a&&typeof XMLHttpRequest!=undefined)a=new XMLHttpRequest(); return a; } function aa(){ var aj = getxmlhttp(); aj.open("GET","a.php",true); // 调用a.php，被设置了延时响应 aj.setRequestHeader('Content-Type','application/x-www-form-urlencoded;charset=utf-8'); aj.onreadystatechange=function(){ if(aj.readyState==4&&aj.status==200){ alert(aj.responseText); // 返回信息 } }; aj.send(null); } function bb(){ var aj = getxmlhttp(); aj.open("GET","b.php",true); // 调用b.php，没有设置延时 aj.setRequestHeader('Content-Type','application/x-www-form-urlencoded;charset=utf-8'); aj.onreadystatechange=function(){ if(aj.readyState==4&&aj.status==200){ alert(aj.responseText); // 返回信息 } }; aj.send(null); } function cc(){ var head = document.getElementsByTagName("head")[0]; var creater = document.createElement("script"); creater.src = "c.php?ram="+Math.round(Math.random()*10000); // 加入随机数防止被缓存，调用的是c.php，设置了延时响应 head.appendChild(creater); // 将script添加进<head />中，里面的JS将会被执行 creater.onload = creater.onreadystatechange=function(){if(!creater