загрузить данные, используя JQuery Multi Div

Question

загрузить данные, используя JQuery Multi Div

0

У меня есть следующая функция jquery для загрузки данных из базы данных, которая работает нормально, однако я хотел бы показать, что те же данные снова по той же странице. Когда я это делаю, это не работает. он будет отображаться только для первого. может кто-нибудь помочь мне?

     <script type="text/javascript">
  $(document).ready(function() {
    loadData();
});

var loadData = function() {
    $.ajax({    //create an ajax request to load_page.php
        type: "GET",
        url: "second.php",             
        dataType: "html",   //expect html to be returned                
        success: function(response){                    
            $("#responsecontainer").html(response);
            setTimeout(loadData, 1000); 
        }

    });
};
 </script>

 <div style='display:inline' id='responsecontainer'></div><!--only this one is displayed-->
 <div style='display:inline' id='responsecontainer'></div><!-- I want it to show me the same data here too-->

user2666864 16 нояб. 2013, в 02:17

Источник

1

Идентификаторы должны быть уникальными.
elclanrs 16 нояб. 2013, в 00:29
0

также кэшируйте html, чтобы его можно было повторно использовать вместо нескольких запросов
amdixon 16 нояб. 2013, в 00:30
1

Вы назначаете идентичный идентификатор двум различным элементам, идентификатор должен быть уникальным, изменить идентификатор второго элемента или просто использовать классы вместо идентификаторов.
Jesus Bejarano 16 нояб. 2013, в 00:33

Показать ещё 1 комментарий

Теги:

php

javascript

jquery

1 ответ

Ещё вопросы

Идентификаторы должны быть уникальными.
также кэшируйте html, чтобы его можно было повторно использовать вместо нескольких запросов
Вы назначаете идентичный идентификатор двум различным элементам, идентификатор должен быть уникальным, изменить идентификатор второго элемента или просто использовать классы вместо идентификаторов.

Arun P Johny · Accepted Answer · 2013-11-15T22-24-00.000Z

Идентификатор элемента должен быть уникальным в документе, использовать атрибут класса для группировки похожих элементов

<div style='display:inline' class='responsecontainer'></div>
<div style='display:inline' class='responsecontainer'></div>

затем используйте селектор классов

$(document).ready(function () {
    loadData();
});

var loadData = function () {
    $.ajax({ //create an ajax request to load_page.php
        type: "GET",
        url: "second.php",
        dataType: "html", //expect html to be returned                
        success: function (response) {
            $(".responsecontainer").html(response);
            setTimeout(loadData, 1000);
        }

    });
};

Селектор ID вернет только первый элемент с данным идентификатором

еще раз спасибо. Теперь это работает
обязательно отметьте его ответ как принятый, чтобы поблагодарить его @ user2666864