x秒ごとにリクエストせずにajaxを使用してデータベースからデータを取得

Question

XMLHTTPRequestsを使用してデータベースからデータを取得する方法については、JavaScriptで読んでいます。

しかし、私はこれらの「チュートリアル」のひとつひとつの1がデータごとX秒を取得するために、間隔を使用しており、これは非常に課税（および不要）ことになるように、それが思われることに気づきましたサーバー;特にこれらのクエリが何も返さないことを考えると、

だから、どのようなFacebookのとツイッターなどのウェブサイトはそれを行うのですか？

このような何か（私は簡単にするためjQueryのを使用している）ので

：

setInterval(function(){ // retrieve data every 5 seconds 
    $.ajax({ 
     url: "datagrab.php", 
     success: function(data){ 
      $("body").append(data); 
     } 
    }); 
}, 5000); 

...トップ上のビットです。特にあなたがその速度でリクエストを行うことができないかなり小さいサーバー（またはデータキャップ）を持っているならば。

乾杯。

Answer 1

EventSourceを使用すると、常にデータをブラウザにストリームできます。

const source = new EventSource("data.php"); 
// note, you can also set custom event handlers for named events 
source.addEventListener("message", function(e) { 
    // do stuff with `e.data` 
}); 
// close event stream 
// source.close(); 

<?php 
header("Content-Type: text/event-stream\n\n"); 
header("Cache-Control: no-cache"); 
// get, do stuf with `$data1`, `$data2` 
echo "data: $data1\n"; 
echo "data: $data2\n\n";