Динамическая загрузка данных в таблицу

191
02 мая 2019, 13:00

На странице есть таблица, в которую данные подгружаются автоматически из БД с помощью аякса. Но проблема в том, что грузятся они криво. Вот как выглядят записи добавленные вручную:

А вот, с помощью скрипта:

Вот код таблицы с добавленными вручную записями

<div class="my__table">
                            <div class="my__table-row wallet__row">
                                <div class="wallet_a">1111</div>
                                <div class="wallet_b">
                                    <span id="">11111</span>
                                </div>
                                <div class="wallet__1">1111111</div>
                                <div class="wallet__4">0.111111</div>
                                <div class="wallet__2">11111111</span></div>
                                <div class="wallet__3">11111111</span></div>
                                <!--<div class="wallet__4">0.000<span>00000</span></div>-->
                            </div>
                        <div class="my__table-row wallet__row">
                                <div class="wallet_a">1111</div>
                                <div class="wallet_b">
                                    <span id="">11111</span>
                                </div>
                                <div class="wallet__1">1111111</div>
                                <div class="wallet__4">0.111111</div>
                                <div class="wallet__2">11111111</span></div>
                                <div class="wallet__3">11111111</span></div>
                                <!--<div class="wallet__4">0.000<span>00000</span></div>-->
                            </div>
                        </div>

А вот скрипт для динамической загрузки данных

<script type="text/javascript">     
setInterval(function() {
  console.log("timer");
  $.ajax({
    url: "market_table.php",
    type: "POST",
    data: {
      refresh: true
    }, // Передаем данные для записи
    dataType: "json",
    success: function(result) {
      if (result) {
        $('.my__table').html(function() {
          var res = '';
          for (var i = 0; i < result.History.Total.length; i++) {
            res += '<div class="my__table-row wallet__row">' +
              '<div class="wallet_a">' + 1111 + '</div>'  +
               +'</div>';
          }
          return res;
        });
      } 
    },
    error: function() {
      $('.my__table').html(function() {
        var res = '';
        return res;
      });
    }
  });
}, 10000);
</script>

Подскажите почему данные грузятся криво?

READ ALSO
Google &ldquo;Отзывы клиентов&rdquo; cb=gapi.loaded_0:82 Uncaught TypeError: Converting circular structure to JSON

Google “Отзывы клиентов” cb=gapi.loaded_0:82 Uncaught TypeError: Converting circular structure to JSON

При подключении модуля Google "Отзывы клиентов" вылетает ошибка

179
Как вывести подсписок с помощью mouseover и mouseout?

Как вывести подсписок с помощью mouseover и mouseout?

При наведении курсора на елемент родителя нужно чтобы выводился подсписок последующих елементовНапример,при наведении на Element 2 высветляется...

235
Получить данные из JSON через JQuery ajax

Получить данные из JSON через JQuery ajax

Как вывести данные из json через ajax jquery? Заранее благодарен за любую помощь

195