Невозможно обновить данные sh Ajax, используя Javascript - PullRequest
0 голосов
/ 04 апреля 2020

У меня есть скрипт:

    <script type="application/javascript">
    var ajax = window.setInterval(function(){
        $.ajax({
            cache: false,
            url: 'data.php',
            type: 'get',
            dataType: 'JSON',
            success: function(response){
                var len = response.length;
                $("#getAjax").append("<div id='getAjax2' class='content content-"+len+"'></div>")
                for(var i=0; i<len; i++){
                    var title = response[i].title;
                    var live = response[i].live;
                    var div_result = "<div class='result'>" +
                "<div class='title'>" + title + "</div>" +
                "<div class='number bnum'>" + live + "</div>" +
                "</div>";

                    $("#getAjax2").append(div_result);
                }

            }
        });
    }, 5000);
    </script>

Он отлично загружает данные только один раз после загрузки страницы, но больше не обновляет sh.

Я пытаюсь обновить sh эти данные каждые 5 секунд.

Есть предложения?

1 Ответ

0 голосов
/ 04 апреля 2020

Как отмечает @Shidersz, ваши div имеют одинаковый идентификатор. Вот немного измененная версия, которая добавляет ответ на новый div:

<script type="application/javascript">
    var ajax = window.setInterval(function(){
        $.ajax({
            cache: false,
            url: 'data.php',
            type: 'get',
            dataType: 'JSON',
            success: function(response){
                var len = response.length;
                var div = document.createElement('div');
                $("#getAjax").append(div).attr('class', "content content-"+len);
                for(var i=0; i<len; i++){
                    var title = response[i].title;
                    var live = response[i].live;
                    var div_result = "<div class='result'>" +
                        "<div class='title'>" + title + "</div>" +
                        "<div class='number bnum'>" + live + "</div>" +
                        "</div>";

                    $(div).append(div_result);
                }

            }
        });
    }, 5000);
    </script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...