Обновление таблицы через AJAX

Question

У меня есть задача предоставить пользователям статус бэкэнд-процесса, который выполняется в нашем приложении. Для отображения этого статуса мы создали таблицу состояния в базе данных, где перечислены задачи, которые завершили, не удались, или находятся в стадии реализации, например, так:

Чтобы получить наиболее текущее состояние этой таблицы, Я вызываю метод .ajax() каждые 3 секунды, завершая вызов в методе setInterval(). Обновление работает так, как ожидалось, и захватывает самый последний статус программы, однако это был мой первый подход к проблеме и немного переборчивый. Мне интересно, существует ли лучший способ для достижения этого (т. Е. Кросс-браузерное решение, которое имитирует живой канал новостей с его собственным API). Есть предположения?

Answer 1

Попробуйте http://www.w3schools.com/html/html5_serversentevents.asp

сс это лучший способ сделать это.

Попробуйте этот код

<script> 
if(typeof(EventSource) !== "undefined") { 
var source = new EventSource("demo_sse.php"); 
source.onmessage = function(event) { 
    //display data in event array. 
}; 
} else { 
//Use your old interval if SSE not support in browser 
} 
</script> 

в коде PHP

<?php 
header('Content-Type: text/event-stream'); 
header('Cache-Control: no-cache');//this is important 

$arr=['status'=>1,'data'=>$some_array]; 

$retry="retry: 10000\n"; 
echo $.retry."data: ".json_encode($arr)."\n\n"; 
flush(); 
?> 

вам нужно добавить «данные:» в начале вы показываете на SSE знать, что ваши данные и «\ п \ n "конец данных.

и добавить повторную попытку, так что обновляется каждые 10000 = 10 секунд