用大白話揭開Ajax長輪詢(long polling)的神秘面紗


在看這篇Ajax長輪詢之前可以先看看Ajax輪詢技術(沒有長),有助於理解:

Ajax長輪詢屬於Ajax輪詢的升級版,在客戶端和服務端都進行了一些改造,使得消耗更低,速度更快。

"不間斷的通過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"> //前端Ajax持續調用服務端,稱為Ajax輪詢技術 var getting = { url:'server.php', dataType:'json', success:function(res) { console.log(res); $.ajax(getting); //關鍵在這里,回調函數內再次請求Ajax } }; $.ajax(getting); </script> </html> 

server.php: //服務端

<?php $pdo = new PDO('mysql:dbname=test;host=127.0.0.1','root','root'); $resource = $pdo->query('select * from t1'); $result = $resource->fetchall(); while (true) { if ($result) { //exits data print_r(json_encode(array('success'=>'存在數據,返回'))); exit(); //輸出數據,退出。然后客戶端不間斷繼續發起請求 } //數據不存在,繼續循環。 } ?> 

看出了玄機了嘛?長輪詢的精髓就在於Ajax的回調函數,繼續再次調用Ajax請求(不間斷的原理就在這里,成功返回后立即再次調用):

$.ajax(getting);

下面是是Ajax 長輪詢的圖解:

首先請忽略綠色字體的使用限制,然后哪位朋友有可以推薦的畫圖工具可以推薦給我,我現在用的是憶圖圖示。

圖中有兩次請求(本文中的請求默認均為Ajax),第一次很快返回了結果,然后不間斷的立即發送第二次請求,但是第二次請求沒有獲得數據,所以請求遲遲沒有返回(被掛在服務器了,但只要有數據就會再次返回),如果第二次的請求返回數據后,第三次請求旋即會立刻發出,這種技術就稱為Ajax 長輪詢。

用偽代碼來表示就是這樣:

<?php //客戶端通過Ajax發起請求 if ('客戶端發送請求' && '服務端有數據可以返回') { echo '返回數據給客戶端'; echo '客戶端通過Ajax繼續發起請求,然后繼續if判斷'; }else{ echo'沒有數據可以返回,再次執行一次if判斷'; } ?> 

最關鍵的地方在於前一次請求結束后,第二次請求立即不間斷的發起,這個就叫做Ajax長輪詢


免責聲明!

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



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