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

十多年的膠州網(wǎng)站建設經(jīng)驗,針對設計、前端、開發(fā)、售后、文案、推廣等六對一服務,響應快,48小時及時工作處理。全網(wǎng)整合營銷推廣的優(yōu)勢是能夠根據(jù)用戶設備顯示端的尺寸不同,自動調(diào)整膠州建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設計,從而大程度地提升瀏覽體驗。成都創(chuàng)新互聯(lián)從事“膠州網(wǎng)站設計”,“膠州網(wǎng)站推廣”以來,每個客戶項目都認真落實執(zhí)行。
反轉AJAX,就是所謂的長輪詢或者COMET。服務器與客服端需要保持一條長時間的請求,它使得服務器在有數(shù)據(jù)時可以返回消息給客戶端。
XHTML
jQuery
這里使用AJAX請求data.php頁面獲得‘success’的值,請求的時間達到80秒。在這80秒中若沒有從服務端返回‘success’則一直保持連接狀態(tài),直到有數(shù)據(jù)返回或‘success’的值為0才關閉連接。在關閉連接后在繼續(xù)下一次的請求。
- $(function(){
- $("#btn").bind("click",{btn:$("#btn")},function(evdata){
- $.ajax({
- type:"POST",
- dataType:"json",
- url:"data.php",
- timeout:80000, //ajax請求超時時間80秒
- data:{time:"80"}, //40秒后無論結果服務器都返回數(shù)據(jù)
- success:function(data,textStatus){
- //從服務器得到數(shù)據(jù),顯示數(shù)據(jù)并繼續(xù)查詢
- if(data.success=="1"){
- $("#msg").append("
[有數(shù)據(jù)]"+data.text);- evdata.data.btn.click();
- }
- //未從服務器得到數(shù)據(jù),繼續(xù)查詢
- if(data.success=="0"){
- $("#msg").append("
[無數(shù)據(jù)]");- evdata.data.btn.click();
- }
- },
- //Ajax請求超時,繼續(xù)查詢
- error:function(XMLHttpRequest,textStatus,errorThrown){
- if(textStatus=="timeout"){
- $("#msg").append("
[超時]");- evdata.data.btn.click();
- }
- }
- });
- });
- });
PHP
在這里是無限的循環(huán),循環(huán)的結束條件就是獲取到了返回結果返回Json數(shù)據(jù)。
并且接受$_POST['time']參數(shù)來限制循環(huán)的超時時間,避免資源的過度浪費。(瀏覽器關閉不會發(fā)消息給服務器,使用可能一直循環(huán)下去)
- if(emptyempty($_POST['time']))exit();
- set_time_limit(0);//無限請求超時時間
- $i=0;
- while (true){
- //sleep(1);
- usleep(500000);//0.5秒
- $i++;
- //若得到數(shù)據(jù)則馬上返回數(shù)據(jù)給客服端,并結束本次請求
- $rand=rand(1,999);
- if($rand<=15){
- $arr=array('success'=>"1",'name'=>'xiaocai','text'=>$rand);
- echo json_encode($arr);
- exit();
- }
- //服務器($_POST['time']*0.5)秒后告訴客服端無數(shù)據(jù)
- if($i==$_POST['time']){
- $arr=array('success'=>"0",'name'=>'xiaocai','text'=>$rand);
- echo json_encode($arr);
- exit();
- }
- }
運行效果:在圖中可以看到無數(shù)據(jù)的請求時間達到了40S,在40S的請求中若獲得數(shù)據(jù)則請求關閉。
原文鏈接:http://www.xiaocai.name/emlog/?post=32
【編輯推薦】
- 如何理解與簡化jQuery的closest函數(shù)
- 手把手教你使用jQuery操作元素的屬性與樣式
- 從零開始學習jQuery之管理jQuery包裝集
- jQuery性能指標和調(diào)優(yōu)
- jQuery實現(xiàn)仿人人網(wǎng)彈出層效果
網(wǎng)頁名稱:基于jQuery與PHP實現(xiàn)Ajax長輪詢(LongPoll)
分享路徑:http://www.5511xx.com/article/cdsdoig.html


咨詢
建站咨詢
