Ajax輪詢——定時的通過Ajax查詢服務端


概念:輪詢(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設定一個定時器,按照規定時間不斷的請求。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM