长轮询Long Polling的通俗解释

“轮询”是个耐人寻味的词,第一次看到它的时候我就直接理解为“轮流查询”了。但是看到了英文才知道这个是网络通信专业的术语。轮询,其实就是一群人在排队买东西。polling这个词也生动的形容了这个的状态。就像这样:

轮询如果是排队买东西,那么长轮询就是排队上厕所。买东西的话,丢下钱就可以拿东西走了,但是上厕所就不一样,有些人说不定便秘半个小时都出不来。如果只用轮询去做Web通信,那服务器就鸭梨山大了,它需要一直做的接受和断开HTTP请求的操作。就像卖热销产品的店员就没有公共厕所管理员那么轻松。

服务器就是厕所,需要上厕所的就是客户端的XHR对象。这就是长轮询的实现原理了。现在我做了一个例子,这个例子是当服务器上的某个文件被修改的时候就会把那个文件的内容输出到客户端,如果没有修改就一直保持“便秘”状态。我们先看服务器端的代码:

01 <?
02 //设置当前脚本为无超时状态
03 set_time_limit(0);
04 //操作的文件名
05 $DATAFILE='dat.txt';
06 //保存当前时间
07 $time=time();
08 //用死循环持续检测文件
09 while(1){
10   //判断文件存在
11   file_exists($DATAFILEand
12   //判断文件修改
13   filemtime($DATAFILE)>$time and
14   //输出文件内容并断开HTTP
15   die(file_get_contents($DATAFILE));
16   //清空文件状态缓存
17   clearstatcache();
18   //等待1秒
19   sleep(1);
20 };
21 ?>

接着是客户端的代码,AJAX部分我就不注释了:

01 //检测浏览器
02 var isIE=navigator.userAgent.match(/MSIE (\d)/i);
03 isIE=isIE?isIE[1]:undefined;
04 (function(){
05   var xhr,f;
06   //保存当前函数
07   f=arguments.callee;
08   xhr=isIE < 9
09     ?new ActiveXObject("Microsoft.XMLHTTP")
10     :new XMLHttpRequest;
11   xhr.onreadystatechange=function(){
12     if(xhr.readyState==4){
13       //把接收到的文字输出
14       var div=document.createElement("div");
15       div.appendChild(
16         document.createTextNode(xhr.responseText)
17       );
18       document.body.appendChild(div);
19       f();//间接递归
20     };
21   };
22   xhr.open("GET","test.php",true);
23   xhr.send();
24 })();

这样,当我们每次修改dat.txt并保存的时候,新的内容就会被输出到客户端。收到信息后客户端会再让一个XHR对象连接服务器等待dat.txt的下一次修改。

以上就是长轮询的工作方式了。上面的例子只是说明了长轮询的工作原理,监视一个文件的改变只是一种操作方式而已。在你的程序中,可以监视数据库的变化或者做其他操作来判断是否要把数据输出到客户端。而且,数据并不局限于text/plain,你可以发送HTML、XML、JSON等所有你想要的格式让客户端程序自己去解析。

比起轮询,长轮询可以节省很多HTTP连接和断开操作带来的开销。但是依然会消耗很多服务器资源,我们后面再说说Web通信的另一种方法吧。

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 创作都市 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值