怎么在jquery+php下實(shí)現(xiàn)AJAX長輪詢

這篇文章主要講解了“怎么在jquery+php下實(shí)現(xiàn)AJAX長輪詢”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“怎么在jquery+php下實(shí)現(xiàn)AJAX長輪詢”吧！

HTTP是無狀態(tài)、單向的協(xié)議，用戶只能夠通過客服端向服務(wù)器發(fā)送請求并由服務(wù)器處理發(fā)回一個(gè)響應(yīng)。若要實(shí)現(xiàn)聊天室、WEBQQ、在線客服、郵箱等這些即時(shí)通訊的應(yīng)用，就要用到“ 服務(wù)器推送技術(shù)（Comet）”。

傳統(tǒng)的AJAX輪詢方式，客服端以用戶定義的時(shí)間間隔去服務(wù)器上查詢最新的數(shù)據(jù)。種這種拉取數(shù)據(jù)的方式需要很短的時(shí)間間隔才能保證數(shù)據(jù)的精確度，但太短的時(shí)間間隔客服端會對服務(wù)器在短時(shí)間內(nèi)發(fā)送出多個(gè)請求。

反轉(zhuǎn)AJAX，就是所謂的長輪詢或者COMET。服務(wù)器與客服端需要保持一條長時(shí)間的請求，它使得服務(wù)器在有數(shù)據(jù)時(shí)可以返回消息給客戶端。

XHTML

<p id="msg"></p>   <input id="btn" type="button" value="測試" />  

jQuery

這里使用AJAX請求data.php頁面獲得‘success’的值,請求的時(shí)間達(dá)到80秒。在這80秒中若沒有從服務(wù)端返回‘success’則一直保持連接狀態(tài)，直到有數(shù)據(jù)返回或‘success’的值為0才關(guān)閉連接。在關(guān)閉連接后在繼續(xù)下一次的請求。

$(function(){    $("#btn").bind("click",{btn:$("#btn")},function(evdata){           $.ajax({                  type:"POST",                  dataType:"json",                  url:"data.php",                  timeout:80000,     //ajax請求超時(shí)時(shí)間80秒                  data:{time:"80"}, //40秒后無論結(jié)果服務(wù)器都返回?cái)?shù)據(jù)                  success:function(data,textStatus){                      //從服務(wù)器得到數(shù)據(jù)，顯示數(shù)據(jù)并繼續(xù)查詢                      if(data.success=="1"){                       $("#msg").append("<br>[有數(shù)據(jù)]"+data.text);                       evdata.data.btn.click();                      }                   //未從服務(wù)器得到數(shù)據(jù)，繼續(xù)查詢                      if(data.success=="0"){                      $("#msg").append("<br>[無數(shù)據(jù)]");                      evdata.data.btn.click();                      }                  },               //Ajax請求超時(shí)，繼續(xù)查詢               error:function(XMLHttpRequest,textStatus,errorThrown){                       if(textStatus=="timeout"){                           $("#msg").append("<br>[超時(shí)]");                           evdata.data.btn.click();                       }               }                                });      });         });  

PHP

在這里是無限的循環(huán)，循環(huán)的結(jié)束條件就是獲取到了返回結(jié)果返回Json數(shù)據(jù)。

并且接受$_POST['time']參數(shù)來限制循環(huán)的超時(shí)時(shí)間，避免資源的過度浪費(fèi)。（瀏覽器關(guān)閉不會發(fā)消息給服務(wù)器，使用可能一直循環(huán)下去）

if(empty($_POST['time']))exit();   set_time_limit(0);//無限請求超時(shí)時(shí)間   $i=0;   while (true){      //sleep(1);      usleep(500000);//0.5秒      $i++;            //若得到數(shù)據(jù)則馬上返回?cái)?shù)據(jù)給客服端，并結(jié)束本次請求      $rand=rand(1,999);      if($rand<=15){          $arr=array('success'=>"1",'name'=>'xiaocai','text'=>$rand);          echo json_encode($arr);          exit();      }            //服務(wù)器($_POST['time']*0.5)秒后告訴客服端無數(shù)據(jù)      if($i==$_POST['time']){          $arr=array('success'=>"0",'name'=>'xiaocai','text'=>$rand);          echo json_encode($arr);          exit();      }   }

運(yùn)行效果:在圖中可以看到無數(shù)據(jù)的請求時(shí)間達(dá)到了40S，在40S的請求中若獲得數(shù)據(jù)則請求關(guān)閉。

感謝各位的閱讀，以上就是“怎么在jquery+php下實(shí)現(xiàn)AJAX長輪詢”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對怎么在jquery+php下實(shí)現(xiàn)AJAX長輪詢這一問題有了更深刻的體會，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識點(diǎn)的文章，歡迎關(guān)注！