@OneOlOf

Как правильно добавить данные в таблицу AJAX?

Использую их таблицу https://datatables.net/

Все хорошо, она на сайте, работает. Но когда пытаюсь добавить туда данные через ajax, то они добавляются, но сама таблица данные не видит. Пытался копаться в документации, но ничего не понятно.

Вот код таблицы
<table id="mainTable" class="table table-bordered table-striped table-hover dataTable js-exportable">
                                <thead>
                                    <tr>
                                        <th>тест1</th>
                                        <th>тест2</th>
                                        <th>тест3</th>
                                        <th>тест4</th>
                                        <th>тест5</th>
                                        <th>тест6</th>
                                        <th>тест7</th>
                                        <th>тест8</th>
                                    </tr>
                                </thead>
                                <tbody id="BaseDownload">
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <th><strong>TOTAL</strong></th>
                                        <th>null</th>
                                        <th>null</th>
                                        <th>null</th>
                                        <th>null</th>
                                        <th>null</th>
                                        <th>null</th>
                                        <th>null</th>
                                    </tr>
                                </tfoot>
                            </table>


Вот функция в JS
function () {
                    $.ajax({
                        url: "download_bd.php",
                        type: "POST",
                        data: (''),
                        dataType: "html",
                        success: function (data) {
                            swal("Выполнено!");
                            $("#BaseDownload").html(data);
                        },
                        error: function (xhr, ajaxOptions, thrownError) {
                            swal("Error!", "Please try again", "error");
                        }
                    });
            });

вот сам обработчик тестовый
<?php
echo " <tr>
                                    <td>Название-1</td>
                                    <td>1</td>
                                    <td>2</td>
                                    <td>3</td>
                                    <td>4</td>
                                    <td>5</td>
                                    <td>6</td>
                                    <td>7</td>
                                </tr>";


5e49f403b59fe826317394.png
  • Вопрос задан
  • 328 просмотров
Пригласить эксперта
Ответы на вопрос 1
KickeRocK
@KickeRocK
FrontFinish
Пытался копаться в документации, но ничего не понятно.

Храните все данные в массиве, при получении новых добавляйте и рисуйте через dtables
https://datatables.net/examples/data_sources/ajax
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы