ajax輪詢與長輪詢

剛剛網(wǎng)了關(guān)于輪詢的知識,必須拿到自己這里來做個備份了!

  其實(shí)以前用ajax輪詢做個及時數(shù)據(jù)更新的,只是當(dāng)時做了不知道那個就是輪詢。

    首先我們什么時候會想到用輪詢技術(shù)呢?

      一般而言,最多的是及時信息更新,比如一個商城活動,參與人數(shù)的實(shí)時更新等,也還有人用來做過聊天室的,但是哈,輪詢技術(shù)問題還是很多的,頻繁的請求的服務(wù)器,服務(wù)器會把IP給你列入非白名單里,讓你無法請求服務(wù)器。所以做及時的我還是建議用websocket 建立長連接。

    其次小楊用一位老師的原話來講解一下ajax輪詢技術(shù):

一、Ajax輪詢——“定時的通過Ajax查詢服務(wù)端”

  

          Ajax輪詢——"定時的通過Ajax查詢服務(wù)端"。

          概念:

            輪詢(polling):客戶端按規(guī)定時間定時像服務(wù)端發(fā)送ajax請求,服務(wù)器接到請求后馬上返回響應(yīng)信息并關(guān)閉連接。

            百聞不如一見,來段代碼相信你一看就明白

            //為了讓同學(xué)們都明白,我用了最簡單的實(shí)現(xiàn)方法,同學(xué)們懂了原理后可以自行衍生:

            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);

}

};//關(guān)鍵在這里,Ajax定時訪問服務(wù)端,不斷獲取數(shù)據(jù) ,這里是1秒請求一次。window.setInterval(function(){$.ajax(getting)},1000);</script></html>

      //服務(wù)端。

      server_polling.php

query('select * from t1');$result=$resource->fetchall();if($result) {

? ? //exits dataprint_r(json_encode(array('success'=>'存在數(shù)據(jù)')));

? ? exit();

}print_r(json_encode(array('failed'=>'不存在數(shù)據(jù)')));exit();?>

        上面就是最基本最簡化的Ajax輪詢。判斷t1表是否有數(shù)據(jù),并執(zhí)行對應(yīng)輸出。 實(shí)際項(xiàng)目中的話查詢語句就根據(jù)實(shí)際需求來定就可以了。

        Ajax輪詢最關(guān)鍵的地方在于"window.setInterval(function(){$.ajax(getting)},1000);" ,也就是文章開頭所說的"客戶端按規(guī)定時間定時像服務(wù)端發(fā)送ajax請求"。

        我們用圖解釋一下吧:

          從圖中我們可以看出,客戶端是按照規(guī)定時間(這個時間由你設(shè)定,此處默認(rèn)為1秒)像服務(wù)端發(fā)送請求,前一次請求完成后,無論有無結(jié)果返回,一秒之后下一次請求又會發(fā)出。這就叫做Ajax輪詢。

        用偽代碼來表示一下:


? ? echo'發(fā)送一次請求';

? ? sleep(1) ;//這次請求發(fā)送完畢了,休息一秒鐘之后繼續(xù)發(fā)起請求}?>

        最關(guān)鍵的地方在于,客戶端需要通過JS設(shè)定一個定時器,按照規(guī)定時間不斷的請求。

        容易吧,其實(shí)真就沒那么難,很多時候,僅僅是我們自己被新技術(shù)嚇到罷了

嗯那么我們接下來看看Ajax 長輪詢,算是Ajax輪詢的升級版

二、Ajax長輪詢(long polling)

      Ajax長輪詢屬于Ajax輪詢的升級版,在客戶端和服務(wù)端都進(jìn)行了一些改造,使得消耗更低,速度更快。

      "不間斷的通過Ajax查詢服務(wù)端"。

      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持續(xù)調(diào)用服務(wù)端,稱為Ajax輪詢技術(shù)var getting = {

? ? ? ? url:'server.php',

? ? ? ? dataType:'json',

? ? ? ? success:function(res) {

? ? ? ? console.log(res);

? ? ? ? $.ajax(getting); //關(guān)鍵在這里,回調(diào)函數(shù)內(nèi)再次請求Ajax}? ? ? ?

? ? ? ? //當(dāng)請求時間過長(默認(rèn)為60秒),就再次調(diào)用ajax長輪詢? ? ? ? error:function(res){

? ? ? ? $.ajax($getting);

? ? ? ? }

};

$.ajax(getting);</script></html>

      server.php: //服務(wù)端

query('select * from t1');$result=$resource->fetchall();while(true) {

? ? if($result) {

? ? ? ? //exits dataprint_r(json_encode(array('success'=>'存在數(shù)據(jù),返回')));

? ? ? ? exit();//輸出數(shù)據(jù),退出。然后客戶端不間斷繼續(xù)發(fā)起請求? ? }

? ? //數(shù)據(jù)不存在,繼續(xù)循環(huán)。}?>

長輪詢的精髓就在于Ajax的回調(diào)函數(shù),繼續(xù)再次調(diào)用Ajax請求(不間斷的原理就在這里,成功返回后立即再次調(diào)用):

$.ajax(getting);

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

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

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


? ? echo'返回?cái)?shù)據(jù)給客戶端';

? ? echo'客戶端通過Ajax繼續(xù)發(fā)起請求,然后繼續(xù)if判斷';

}else{

? ? echo'沒有數(shù)據(jù)可以返回,再次執(zhí)行一次if判斷';

}?>



https://www.cnblogs.com/YangJieCheng/p/8367586.html

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容