Как реализовать обновление DOM без перезагрузки, ajax?

Добрый день. Есть апи, с которого я забираю и отрисовываю некоторые данные. Нужно реализовать динамическое обновление DOM по появлению новой записи. Разумно ли для этого использовать функцию setInterval? У меня будет несколько десятков страниц с динамически обновляющимися данными, опасаюсь что сервер не выдержит. Или как еще это можно реализовать?
Сейчас вот так, но это без обновления
$.ajax({
        url: "../../api/v0/device/{{device_or_404.id}}/",
        dataType: 'json',
        data: 'serialize',
        success: function(data){
            console.log('success');
            $('#last-indicators').html(data.indicators[0].temp + " " +data.indicators[0].date_now.substr(0,8))
        }
    })
  • Вопрос задан
  • 281 просмотр
Решения вопроса 1
sergey-gornostaev
@sergey-gornostaev
Седой и строгий
Разумно, если интервал не будет слишком мал. А если обновления нужны частые, лучше использовать SSE или websocket'ы.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Stalker_RED
@Stalker_RED
Можно все данные забирать одним запросом.
Можно вообще не делать запросы, а получать изменения через websocket.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы