jquery與php結合如何實現AJAX長輪詢

這篇文章主要介紹了jquery與php結合如何實現AJAX長輪詢，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

HTTP是無狀態、單向的協議，用戶只能夠通過客服端向服務器發送請求并由服務器處理發回一個響應。若要實現聊天室、WEBQQ、在線客服、郵箱等這些即時通訊的應用，就要用到“ 服務器推送技術(Comet)”。

傳統的AJAX輪詢方式，客服端以用戶定義的時間間隔去服務器上查詢最新的數據。種這種拉取數據的方式需要很短的時間間隔才能保證數據的精確度，但太短的時間間隔客服端會對服務器在短時間內發送出多個請求。

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

XHTML

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

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("<br>[有數據]"+data.text);  
      evdata.data.btn.click();  
     }  
     //未從服務器得到數據，繼續查詢  
     if(data.success=="0"){  
     $("#msg").append("<br>[無數據]");  
     evdata.data.btn.click();  
     }  
    },  
    //Ajax請求超時，繼續查詢  
    error:function(XMLHttpRequest,textStatus,errorThrown){  
      if(textStatus=="timeout"){  
       $("#msg").append("<br>[超時]");  
       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的請求中若獲得數據則請求關閉。

感謝你能夠認真閱讀完這篇文章，希望小編分享的“jquery與php結合如何實現AJAX長輪詢”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!