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

時間 2019-11-06

標籤 ajax 輪詢定時經過查詢服務欄目 Ajax 简体版

原文原文鏈接

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

概念：php

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

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

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

Reception.html //前端代碼mysql

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

//服務端。jquery

server_polling.phpajax

<?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表是否有數據，並執行對應輸出。實際項目中的話查詢語句就根據實際需求來定就能夠了。sql

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

咱們用圖解釋一下吧：

從圖中咱們能夠看出，客戶端是按照規定時間（這個時間由你設定，此處默認爲1秒）像服務端發送請求，前一次請求完成後，不管有無結果返回，一秒以後下一次請求又會發出。這就叫作Ajax輪詢。

用僞代碼來表示一下：

<?php

//Ajax輪詢

while(true){

    echo'發送一次請求';

    sleep(1) ; //此次請求發送完畢了，休息一秒鐘以後繼續發起請求

}

?>

最關鍵的地方在於，客戶端須要經過JS設定一個定時器，按照規定時間不斷的請求。

容易吧，其實真就沒那麼難，不少時候，僅僅是咱們本身被新技術嚇到罷了

嗯那麼咱們接下來看看Ajax 長輪詢，算是Ajax輪詢的升級版

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

相關標籤/搜索

每日一句

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