傳統的AJAX輪詢方式,客服端以使用者定義的時間間隔去伺服器上查詢最新的資料。種這種拉取資料的方式需要很短的時間間隔才能保證資料的精確度,但太短的時間間隔客服端會對伺服器在短時間內傳送出多個請求。
反轉AJAX,就是所謂的長輪詢或者COMET。伺服器與客服端需要保持一條長時間的請求,它使得伺服器在有資料時可以返回訊息給用戶端。
吹完水進入正題:
這裡使用AJAX請求data.php頁面獲得‘success’的值,請求的時間達到80秒。在這80秒中若沒有從伺服器端返回‘success’則一直保持連線狀態,直到有資料返回或‘success’的值為0才關閉連線。在關閉連線後在繼續下一次的請求。
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <script type="text/javascript" src="http://s1.hqbcdn.com/??lib/jquery/jquery-1.7.2.min.js"></script> </head> <body> <p id="msg"></p> <input id="btn" type="button" value="測試" /> <script type="text/javascript" > $(function(){ $("#btn").bind("click",{btn:$("#btn")},function(evdata){ $.ajax({ type:"POST", dataType:"json", url:"data.php", timeout:80000, //ajax請求超時時間80秒 data:{time:"40"}, //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(); } } }); }); }); </script> </body> </html>
在這裡是無限的迴圈,迴圈的結束條件就是獲取到了返回結果返回Json資料。
並且接受$_POST['time']引數來限制迴圈的超時時間,避免資源的過度浪費。(瀏覽器關閉不會發訊息給伺服器,使用可能一直迴圈下去)
data.php
<?php if(empty($_POST['time']))exit(); set_time_limit(0);//無限請求超時時間 $i=0; while (true){ sleep(1); //延遲一秒 $i++; //若得到資料則馬上返回資料給客服端,並結束本次請求 $rand=rand(1,999); if($rand<=15){ $arr=array('status'=>"1",'name'=>'success','text'=>$rand); echo json_encode($arr); exit(); } //到指定超時時間還未返回資料則斷開連線 if($i==$_POST['time']){ $arr=array('status'=>"0",'name'=>'error','text'=>'無資料'); echo json_encode($arr); exit(); } } ?>
以上就是PHP實現長輪詢【程式碼範例】的詳細內容,更多請關注TW511.COM其它相關文章!