0

Вот это не выводится теперь

<table class="table table-hover table-bordered" id="table-get-kre">
                    <tr class="info">
                      <th>Опис</th>
                      <th style="text-align: center;">ГРН</th>
                      <th style="text-align: center;">PLN</th>
                      <th style="text-align: center;">EUR</th>
                      <th style="text-align: center;">USD</th>
                      <th style="text-align: center;">Завешення кредитів</th>
                    </tr>
                    <!-- вивести тут -->


                    <!-- вивести тут -->
                  </table>

Вот структура таблицы

Ось структура таблиці

Если я закомментирую echo json_encode($output); в php файле, то стиль таблицы верхней части нормально работает, вот скрин: https://drive.google.com/open?id=0B0N_1p6wnchMX0h4cHRGNW9pYTg

5
  • Ответ сервера у вас возвращает все записи, в итоге у вас старые строки из таблицы остаются и после них добавляются новые. Либо заменить метод вставки (append -> html), либо в ответ присылайте только массив с новой записью, а не всеми. Commented 6 сент. 2017 в 20:48
  • если меняю append -> html то виводитса просто одна запись (( а как присилать только новие записи? Commented 6 сент. 2017 в 20:50
  • сейчас напишу в ответе Commented 6 сент. 2017 в 20:51
  • как вариант можно хранить в каком то массиве id записей, которые вывелись, и пропускать их при дальнейших рендерах
    – ddeadlink
    Commented 6 сент. 2017 в 20:52
  • Что касается "как прислать только новые" - вы же как-то создаете новую запись - те же данные только в формате массива и отдавайте обратно, если создание новой записи в БД прошло успешно. Commented 6 сент. 2017 в 20:59

1 ответ 1

0

Сначала создать переменную html, потом в неё складируем наши строки, после цикла вставляем в table.

function getTableKredit() {
  var id;
  $.ajax({
    url:"credit-table.php",
    cache: false,
    dataType: "json",
    success: function(data) { 
      let html = '';
      const $table = $('table'),
        $head = $table.find('tr.info').clone();
      
      for(let item of data) {
        html += '' +
        '<tr>' +
          '<td style="text-align: left;">' + item.description + '</td>' +
          '<td>' + item.grn + '</td>' +
          '<td>' + item.pln + '</td>' +
          '<td>' + item.eur + '</td>' +
          '<td>' + item.usd + '</td>' +
          '<td><a href="?kredit=1&id=' + item.id + '" class="delete-kredit">Видалити кредит</a></td>' +
        '</tr>';
      }
      
      $table.html(html).prepend($head);
    }
  });
}

P.S. Хотя лучше конечно отдавать обратно данные только о новой записи и их через append вставлять.

9
  • вставил, но теперь ничего не виводитса ( Commented 6 сент. 2017 в 21:04
  • @Alex Kizyma, пардон, поправил Commented 6 сент. 2017 в 21:06
  • всеровно не виводитса ничего ((( Commented 6 сент. 2017 в 21:12
  • @Alex Kizyma, + забыл =/ поправил Commented 6 сент. 2017 в 21:14
  • Вивелось но тепрь не виводитса верхняя часть таблици что прописана html Commented 6 сент. 2017 в 21:20

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.