Как реализовать обновление содержимого страницы без ее перезагрузки?

Question

[ikari81]

Есть RasPi, к нему по 1-w подключены 18b20, собирающие температуру по всем комнатам. Установлен lamp, php-страница собирает данные со всех датчиков, но сама она статична. Как сделать так, чтобы информация на странице обновлялась без ее перезагрузки (типа как температура на главной странице mail.ru или уведомления о письмах)?

Answer 1

[Aleksandr S]

Добавить AJAX запрос на страницу, который будет по таймеру асинхронно посылать запрос на веб-сервер (например php функция, которая собирает данные с датчиков и возвращает их скажем в JSON формате). После того, как данные получены срабатывает ваш метод, написанный на javascript для такого случая, который и изменяет значения в отображаемом html коде.

Проще всего делать конечно AJAX запрос на базе JQuery $.ajax, но для вашей задачи вполне можно и на чистом javascript вставить блок кода, который посылает запрос и обрабатывает полученные в ответ данные.

Answer 2

[Руслан Касымов]

javascript.ru/ajax/transport/xmlhttprequest
ru.wikipedia.org/wiki/XMLHttpRequest

Answer 3

[akashtrih]

Почему интересует именно без перезагрузки? Можно решить более просто: добавить тег meta refresh для автообновления страницы через определённый интервал времени (в секундах).
<meta http-equiv="refresh" content="10" />

Ну если уж нужно именно без перезагрузки страницы, можно воспользоваться AngularJS, который хорошо подходит для сайтов-одностраничников. Методы для работы с ajax есть.

Comments

[Николай Васильчук]

Angular для одного ajax запроса? С ума сошли такое советовать?

[akashtrih]

@Anonym, А в чем проблема? Сервер локальный, так что объем скриптов не принципиален. А всякую кроссбраузерность можно отдать на откуп фреймворку или библиотеке. Или тут дело в избыточности?

[Николай Васильчук]

@akashtrih Если вам надо молока, вы ведь корову не покупаете.

Answer 4

[connected201]

Почему вопрос так и не закрыли?. Ajax вам в помощ мой дорогой друг