Ajax загружает данные из API без клика или обновления страницы

Question

При изменении значения данных Ajax должен загружать данные без какого-либо щелчка или обновления страницы .

Вот что я устал.

        $.getJSON('www.yourtradelog.com/api/first-hour-trades', function(data) {
            $.each(data, function(firstHourTrades, element) {
                $("#msg1").append($('<div>', {
                    text: element.first
                }));
            });
        });

<div class="row">
    <div class="col-6 col-sm-4">  <p id = 'msg1'> first</p> </div>
   
</div>

Почему мне нужно обновлять страницу, когда я хочу ее загрузить? Я не хочу нажимать или обновлять страницу.

Answer 1

Поскольку вызов AJAX инициируется со страницы, он не будет знать, что данные изменились в бэкэнде.Одним из простых решений было бы использование setInterval в JS для периодической проверки данных из бэкэнда.Но это не рекомендуемый метод.

setInterval(function(){ 
$.getJSON('www.yourtradelog.com/api/first-hour-trades', function(data) {
        $.each(data, function(firstHourTrades, element) {
            $("#msg1").append($('<div>', {
                text: element.first
            }));
        });
    });
}, 10000);

Более полное решение состояло бы в использовании WebSockets из бэкэнда для передачи данных в веб-интерфейс.