У меня есть веб-страница, которая отображает содержимое текстовых файлов на сервере linux, данные собираются каждые 5 секунд. В настоящее время я использую Ajax, чтобы получить последнее значение из файла, а затем обновляю HTML <div> соответственно. У меня есть около 10 текстовых файлов, которые отображаются на странице, поэтому у меня есть 10 ajax сценариев, которые получают последние значения каждого файла. До недавнего времени это работало довольно хорошо, я заметил, что в нижней части Google-Chrome я получаю эту ошибку:
Waiting for available socket
Затем страница падает.
Это происходит только на моем страница, которая содержит живые обновления, поэтому я предполагаю, что это вызывает проблему. Я провел некоторое исследование и обнаружил, что лучший способ обновить страницу - это использовать веб-сокеты, которые сообщают странице, когда в текстовом файле появляется новое значение, перед обновлением страницы, однако я не уверен, как использовать веб-сокеты, и я не может найти рабочий пример.
Какой самый эффективный способ обновления веб-страницы в реальном времени на основе содержимого текстового файла без исчерпания ресурсов браузера и веб-сервера?
Рабочий пример скрипт того, как я могу добиться этого, был бы великолепен.
Вот пример скрипта Ajax, который я сейчас использую для опроса данных:
<script>
function table() {
$.ajax({
url: 'get-text-file.php',
type: 'GET',
success: function(response){
$('.div1').html(response);
}
});
}
table();
setInterval(table, 3600000);
</script>