ajax輪詢與長輪詢

時間 2019-12-10

標籤 ajax 輪詢欄目 Ajax 简体版

原文原文鏈接

　　剛剛網了關於輪詢的知識，必須拿到本身這裏來作個備份了！javascript

　　其實之前用ajax輪詢作個及時數據更新的，只是當時作了不知道那個就是輪詢。php

　　　　首先咱們何時會想到用輪詢技術呢？html

　　　　　　通常而言，最多的是及時信息更新，好比一個商城活動，參與人數的實時更新等，也還有人用來作過聊天室的，可是哈，輪詢技術問題仍是不少的，頻繁的請求的服務器，服務器會把IP給你列入非白名單裏，讓你沒法請求服務器。因此作及時的我仍是建議用websocket 創建長鏈接。前端

　　　　其次小楊用一位老師的原話來說解一下ajax輪詢技術：java

　　　　　　　　1、Ajax輪詢——「定時的經過Ajax查詢服務端」mysql

　　　　　　　　　　Ajax輪詢——"定時的經過Ajax查詢服務端"。jquery

　　　　　　　　　　概念：web

　　　　　　　　　　　　輪詢（polling）：客戶端按規定時間定時像服務端發送ajax請求，服務器接到請求後立刻返回響應信息並關閉鏈接。ajax

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

　　　　　　　　　　　　//爲了讓同窗們都明白，我用了最簡單的實現方法，同窗們懂了原理後能夠自行衍生：

　　　　　　　　　　　　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輪詢的升級版

　　　　2、Ajax長輪詢(long polling)

　　　　　　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

}        
        //當請求時間過長（默認爲60秒），就再次調用ajax長輪詢
        error:function(res){
        $.ajax($getting);
        }

};

$.ajax(getting);

</script>

</html>

　　　　　　server.php: //服務端

<?php
//這段AJAX請求時間永不過時
set_time_limit(0);

$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長輪詢

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。