基於jQuery與PHP實現Ajax長輪詢(LongPoll)_PHP教程

來源:互聯網
上載者:User
傳統的AJAX輪詢方式,客服端以使用者定義的時間間隔去伺服器上查詢最新的資料。種這種拉取資料的方式需要很短的時間間隔才能保證資料的精確度,但太短的時間間隔客服端會對伺服器在短時間內發送出多個請求。

反轉AJAX,就是所謂的長輪詢或者COMET。伺服器與客服端需要保持一條長時間的請求,它使得伺服器在有資料時可以返回訊息給用戶端。

XHTML

 
  1. <div id="msg">div>
  2. <input id="btn" type="button" value="測試" />

jQuery

這裡使用AJAX請求data.php頁面獲得‘success’的值,請求的時間達到80秒。在這80秒中若沒有從服務端返回‘success’則一直保持串連狀態,直到有資料返回或‘success’的值為0才關閉串連。在關閉串連後在繼續下一次的請求。

 
  1. $(function(){
  2. $("#btn").bind("click",{btn:$("#btn")},function(evdata){
  3. $.ajax({
  4. type:"POST",
  5. dataType:"json",
  6. url:"data.php",
  7. timeout:80000, //ajax請求逾時時間80秒
  8. data:{time:"80"}, //40秒後無論結果伺服器都返回資料
  9. success:function(data,textStatus){
  10. //從伺服器得到資料,顯示資料並繼續查詢
  11. if(data.success=="1"){
  12. $("#msg").append("
    [有資料]"+data.text);
  13. evdata.data.btn.click();
  14. }
  15. //未從伺服器得到資料,繼續查詢
  16. if(data.success=="0"){
  17. $("#msg").append("
    [無資料]");
  18. evdata.data.btn.click();
  19. }
  20. },
  21. //Ajax請求逾時,繼續查詢
  22. error:function(XMLHttpRequest,textStatus,errorThrown){
  23. if(textStatus=="timeout"){
  24. $("#msg").append("
    [逾時]");
  25. evdata.data.btn.click();
  26. }
  27. }
  28. });
  29. });
  30. });

PHP

在這裡是無限的迴圈,迴圈的結束條件就是擷取到了返回結果返回Json資料。

並且接受$_POST['time']參數來限制迴圈的逾時時間,避免資源的過度浪費。(瀏覽器關閉不會發訊息給伺服器,使用可能一直迴圈下去)

 
  1. if(emptyempty($_POST['time']))exit();
  2. set_time_limit(0);//無限請求逾時時間
  3. $i=0;
  4. while (true){
  5. //sleep(1);
  6. usleep(500000);//0.5秒
  7. $i++;
  8. //若得到資料則馬上返回資料給客服端,並結束本次請求
  9. $rand=rand(1,999);
  10. if($rand<=15){
  11. $arr=array('success'=>"1",'name'=>'xiaocai','text'=>$rand);
  12. echo json_encode($arr);
  13. exit();
  14. }
  15. //伺服器($_POST['time']*0.5)秒後告訴客服端無資料
  16. if($i==$_POST['time']){
  17. $arr=array('success'=>"0",'name'=>'xiaocai','text'=>$rand);
  18. echo json_encode($arr);
  19. exit();
  20. }
  21. }

運行效果:在圖中可以看到無資料的請求時間達到了40S,在40S的請求中若獲得資料則請求關閉。


http://www.bkjia.com/PHPjc/445814.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/445814.htmlTechArticle傳統的AJAX輪詢方式,客服端以使用者定義的時間間隔去伺服器上查詢最新的資料。種這種拉取資料的方式需要很短的時間間隔才能保證資料的...

  • 聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.