傳統的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中文網 !
以上是PHP實作長輪詢【程式碼範例】的詳細內容。更多資訊請關注PHP中文網其他相關文章!