Получение данных из базы данных с использованием ajax без запроса каждые x секунд

Question

Я читал о том, как использовать XMLHTTPRequests для захвата данных из базы данных через JavaScript.

Однако, я заметил, что каждый из этих «учебников» использовать интервал для получения данных каждых х секунд, и кажется, что это было бы чрезвычайно налогообложение (и ненужных) на сервер; особенно учитывая, что иногда эти запросы ничего не возвращают.

Итак, как делают такие сайты, как Facebook и Twitter не так ли?

Потому что-то вроде этого (я использую JQuery для простоты):

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

... кажется немного сверху; особенно если у вас достаточно небольшой сервер (или кеш данных), который не может выполнять запросы с такой скоростью.

Cheers.

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