基于jQuery与PHP实现Ajax长轮询(LongPoll)

传统的AJAX轮询方式，客服端以用户定义的时间间隔去服务器上查询***的数据。种这种拉取数据的方式需要很短的时间间隔才能保证数据的精确度，但太短的时间间隔客服端会对服务器在短时间内发送出多个请求。

十多年的胶州网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。全网整合营销推广的优势是能够根据用户设备显示端的尺寸不同，自动调整胶州建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。成都创新互联从事“胶州网站设计”,“胶州网站推广”以来，每个客户项目都认真落实执行。

反转AJAX，就是所谓的长轮询或者COMET。服务器与客服端需要保持一条长时间的请求，它使得服务器在有数据时可以返回消息给客户端。

XHTML

jQuery

这里使用AJAX请求data.php页面获得‘success’的值,请求的时间达到80秒。在这80秒中若没有从服务端返回‘success’则一直保持连接状态，直到有数据返回或‘success’的值为0才关闭连接。在关闭连接后在继续下一次的请求。

 
 
 
 
  
  
  
  $(function(){   
  
  
  
      $("#btn").bind("click",{btn:$("#btn")},function(evdata){      
  
  
  
           $.ajax({      
  
  
  
                  type:"POST",      
  
  
  
                  dataType:"json",      
  
  
  
                  url:"data.php",      
  
  
  
                  timeout:80000,     //ajax请求超时时间80秒      
  
  
  
                  data:{time:"80"}, //40秒后无论结果服务器都返回数据      
  
  
  
                  success:function(data,textStatus){      
  
  
  
                      //从服务器得到数据，显示数据并继续查询      
  
  
  
                      if(data.success=="1"){      
  
  
  
                       $("#msg").append("
[有数据]"+data.text);      
  
  
  
                       evdata.data.btn.click();      
  
  
  
                      }      
  
  
  
                   //未从服务器得到数据，继续查询      
  
  
  
                      if(data.success=="0"){      
  
  
  
                      $("#msg").append("
[无数据]");      
  
  
  
                      evdata.data.btn.click();      
  
  
  
                      }      
  
  
  
                  },      
  
  
  
               //Ajax请求超时，继续查询      
  
  
  
               error:function(XMLHttpRequest,textStatus,errorThrown){      
  
  
  
                       if(textStatus=="timeout"){      
  
  
  
                           $("#msg").append("
[超时]");      
  
  
  
                           evdata.data.btn.click();      
  
  
  
                       }      
  
  
  
               }      
  
  
  
                        
  
  
  
              });      
  
  
  
      });      
  
  
  
            
  
  
  
  });

PHP

在这里是无限的循环，循环的结束条件就是获取到了返回结果返回Json数据。

并且接受$_POST['time']参数来限制循环的超时时间，避免资源的过度浪费。(浏览器关闭不会发消息给服务器，使用可能一直循环下去)

 
 
 
 
  
  
  
  if(emptyempty($_POST['time']))exit();      
  
  
  
  set_time_limit(0);//无限请求超时时间      
  
  
  
  $i=0;      
  
  
  
  while (true){      
  
  
  
      //sleep(1);      
  
  
  
      usleep(500000);//0.5秒      
  
  
  
      $i++;      
  
  
  
            
  
  
  
      //若得到数据则马上返回数据给客服端，并结束本次请求      
  
  
  
      $rand=rand(1,999);      
  
  
  
      if($rand<=15){      
  
  
  
          $arr=array('success'=>"1",'name'=>'xiaocai','text'=>$rand);      
  
  
  
          echo json_encode($arr);      
  
  
  
          exit();      
  
  
  
      }      
  
  
  
            
  
  
  
      //服务器($_POST['time']*0.5)秒后告诉客服端无数据      
  
  
  
      if($i==$_POST['time']){      
  
  
  
          $arr=array('success'=>"0",'name'=>'xiaocai','text'=>$rand);      
  
  
  
          echo json_encode($arr);      
  
  
  
          exit();      
  
  
  
      }      
  
  
  
  }

运行效果:在图中可以看到无数据的请求时间达到了40S，在40S的请求中若获得数据则请求关闭。

原文链接：http://www.xiaocai.name/emlog/?post=32

【编辑推荐】

如何理解与简化jQuery的closest函数
手把手教你使用jQuery操作元素的属性与样式
从零开始学习jQuery之管理jQuery包装集
jQuery性能指标和调优
jQuery实现仿人人网弹出层效果

分享标题：基于jQuery与PHP实现Ajax长轮询(LongPoll)
文章源于：http://cdjierui.cn/article/cdsdoig.html

浩晨众云网站建设，新征程启航

基于jQuery与PHP实现Ajax长轮询(LongPoll)

其他资讯