概念:輪詢(polling):客戶端按規定時間定時向服務端發送ajax請求,服務器接到請求后馬上返回響應信息並關閉連接。
test.html //前端代碼
<html> <head> <title></title> <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script> </head> <body> </body> <script type="text/javascript"> var getting = { url:'server.php', dataType:'json', success:function(res) { console.log(res); } }; //關鍵在這里,Ajax定時訪問服務端,不斷獲取數據 ,這里是1秒請求一次。 window.setInterval(function(){$.ajax(getting)},1000); </script> </html>
server.php //服務端
<?php $pdo = new PDO('mysql:dbname=test;host=127.0.0.1','root','root'); $resource = $pdo->query('select * from table'); $result = $resource->fetchall(); if ($result) { //exits data print_r(json_encode(array('success'=>'存在數據'))); exit(); } print_r(json_encode(array('failed'=>'不存在數據'))); exit(); ?>
上面就是最基本最簡化的Ajax輪詢。判斷table表是否有數據,並執行對應輸出。 實際項目中的話查詢語句就根據實際需求來定就可以了。
Ajax輪詢最關鍵的地方在於
window.setInterval(function(){$.ajax(getting)},1000);
也就是文章開頭所說的"客戶端按規定時間定時像服務端發送ajax請求"。
原理:
客戶端是按照規定時間(這個時間由你設定,此處默認為1秒)像服務端發送請求,前一次請求完成后,無論有無結果返回,一秒之后下一次請求又會發出。這就叫做Ajax輪詢。
用偽代碼來表示一下:
<?php //Ajax輪詢 while(true){ echo'發送一次請求'; sleep(1) ; //這次請求發送完畢了,休息一秒鍾之后繼續發起請求 } ?>
最關鍵的地方在於,客戶端需要通過JS設定一個定時器,按照規定時間不斷的請求。