Ajax輪詢——"定時的通過Ajax查詢服務端"。
概念:
輪詢(polling):客戶端按規定時間定時像服務端發送ajax請求,服務器接到請求后馬上返回響應信息並關閉連接。
百聞不如一見,來段代碼相信你一看就明白
//為了讓同學們都明白,我用了最簡單的實現方法,同學們懂了原理后可以自行衍生:
Reception.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_polling.php
<?php $pdo = new PDO('mysql:dbname=test;host=127.0.0.1','root','root'); $resource = $pdo->query('select * from t1'); $result = $resource->fetchall(); if ($result) { //exits data print_r(json_encode(array('success'=>'存在數據'))); exit(); } print_r(json_encode(array('failed'=>'不存在數據'))); exit(); ?>
上面就是最基本最簡化的Ajax輪詢。判斷t1表是否有數據,並執行對應輸出。 實際項目中的話查詢語句就根據實際需求來定就可以了。
Ajax輪詢最關鍵的地方在於"window.setInterval(function(){$.ajax(getting)},1000);" ,也就是文章開頭所說的"客戶端按規定時間定時像服務端發送ajax請求"。
我們用圖解釋一下吧:
從圖中我們可以看出,客戶端是按照規定時間(這個時間由你設定,此處默認為1秒)像服務端發送請求,前一次請求完成后,無論有無結果返回,一秒之后下一次請求又會發出。這就叫做Ajax輪詢。
用偽代碼來表示一下:
<?php //Ajax輪詢 while(true){ echo'發送一次請求'; sleep(1) ; //這次請求發送完畢了,休息一秒鍾之后繼續發起請求 } ?>
最關鍵的地方在於,客戶端需要通過JS設定一個定時器,按照規定時間不斷的請求。
容易吧,其實真就沒那么難,很多時候,僅僅是我們自己被新技術嚇到罷了
嗯那么我們接下來看看Ajax 長輪詢,算是Ajax輪詢的升級版
用大白話揭開Ajax長輪詢(long polling)的神秘面紗
原文:
https://segmentfault.com/a/1190000005032921