jquery與php結(jié)合如何實(shí)現(xiàn)AJAX長輪詢

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

創(chuàng)新互聯(lián)建站是一家專業(yè)提供固始企業(yè)網(wǎng)站建設(shè),專注與網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)、H5建站、小程序制作等業(yè)務(wù)。10年已為固始眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)絡(luò)公司優(yōu)惠進(jìn)行中。

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

<div id="msg"></div>  
<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(emptyempty($_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)閉。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“jquery與php結(jié)合如何實(shí)現(xiàn)AJAX長輪詢”這篇文章對大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!

本文名稱：jquery與php結(jié)合如何實(shí)現(xiàn)AJAX長輪詢
文章源于：http://muchs.cn/article14/joosge.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計(jì)、網(wǎng)站內(nèi)鏈、小程序開發(fā)、全網(wǎng)營銷推廣、定制網(wǎng)站、定制開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)