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

imingyu 發(fā)布于2019-06-27 13:39 / 3429人閱讀

摘要：概念輪詢客戶端按規(guī)定時間定時像服務端發(fā)送請求，服務器接到請求后馬上返回響應信息并關(guān)閉連接。判斷表是否有數(shù)據(jù)，并執(zhí)行對應輸出。實際項目中的話查詢語句就根據(jù)實際需求來定就可以了。

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

概念：

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

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

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

Reception.html //前端代碼

//服務端。

server_polling.php

query("select * from t1");

$result = $resource->fetchall();

if ($result) {

    //exits data

    print_r(json_encode(array("success"=>"存在數(shù)據(jù)")));

    exit();

}

print_r(json_encode(array("failed"=>"不存在數(shù)據(jù)")));

exit();

?>

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

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

我們用圖解釋一下吧：

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

用偽代碼來表示一下：

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

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

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

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

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/21534.html

相關(guān)文章

Comet——隨著AJAX技術(shù)興起而產(chǎn)生的新技術(shù)

摘要：不得不說確實是一個好東西，由它的出現(xiàn)使得端新技術(shù)不斷產(chǎn)生，就屬于這么一個技術(shù)，這個技術(shù)有時叫做反向，有時叫做服務器推技術(shù)，嗯，不要被牛逼閃閃的名詞嚇倒，其實沒那么難。不得不說Ajax確實是一個好東西，由它的出現(xiàn)使得WEB端新技術(shù)不斷產(chǎn)生，Comet就屬于這么一個技術(shù)，這個技術(shù)有時叫做反向AJAX，有時叫做服務器推技術(shù)，嗯，不要被牛逼閃閃的名詞嚇倒，其實沒那么難。先看一下維基的解釋：...

afishhhhh 2019-06-27 13:39 評論0 收藏0
簡單又好用的聊天室技術(shù)——WebSocket

摘要：國際慣例，先上維基百科的解釋。維基百科上面是維基百科對的解釋，別問我如何解釋上面這段話，因為我也沒看懂，那么下面我用人話解釋一下吧僅僅是我的理解是一個協(xié)議，可以簡單看成是協(xié)議的一個補充協(xié)議，借助協(xié)議的基礎(chǔ)完成服務器主動與客戶端實時傳輸數(shù)據(jù)。現(xiàn)在，很多網(wǎng)站為了實現(xiàn)推送技術(shù)，所用的技術(shù)都是輪詢。輪詢是在特定的的時間間隔（如每1秒），由瀏覽器對服務器發(fā)出HTTP request，然后由服務...

Prasanta 2019-07-01 12:15 評論0 收藏0
socket.io之一: 介紹

摘要：在標準沒有推出之前，輪詢是唯一可行的方式通過瀏覽器也可以，但這里不做討論。這種方式存在延時且對服務端造成很大負載。直到年，才標準化一種基于套接字進行收發(fā)數(shù)據(jù)的協(xié)議?，F(xiàn)如今主流瀏覽器均已支持。 socket.io提供了基于事件的實時雙向通訊歷史 Web端與服務器間的實時數(shù)據(jù)傳輸?shù)氖且粋€很重要的需求，但最早只能通過AJAX輪詢詢實現(xiàn)。在WebSocket標準沒有推出之前，AJAX輪詢是唯...

william 2019-08-20 15:53 評論0 收藏0
用大白話揭開Ajax長輪詢(long polling)的神秘面紗

摘要：在看這篇長輪詢之前可以先看看輪詢技術(shù)沒有長，有助于理解長輪詢屬于輪詢的升級版，在客戶端和服務端都進行了一些改造，使得消耗更低，速度更快。不間斷的通過查詢服務端。然后客戶端不間斷繼續(xù)發(fā)起請求數(shù)據(jù)不存在，繼續(xù)循環(huán)。在看這篇Ajax長輪詢之前可以先看看Ajax輪詢技術(shù)（沒有長），有助于理解： Ajax長輪詢屬于Ajax輪詢的升級版，在客戶端和服務端都進行了一些改造，使得消耗更低，速度更快。...

AlphaGooo 2019-06-27 13:39 評論0 收藏0
ajax實時刷新處理

摘要：作為一個老前端，本案例是基于來寫的。前端渲染頁面拿數(shù)據(jù)，無非就是，其他的暫時沒有用過，但項目還是使用比較多。不管或都會執(zhí)行代碼就到這里了，作為一個老前端，本案例是基于jquery來寫的。前端渲染頁面拿數(shù)據(jù)，無非就是ajax、socket，其他的暫時沒有用過，但項目還是使用ajax比較多。下面來看一下一個簡單基于ajax短輪詢的請求 function req() { $.a...

Julylovin 2019-08-21 17:13 評論0 收藏0