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


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


免責聲明!

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



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