Как обновить данные таблицы с помощью Ajax - PullRequest
Новая
       24

Как обновить данные таблицы с помощью Ajax

1 голос
/ 08 июля 2019

Как обновить данные таблицы с помощью Ajax, пробовал приведенный ниже код, но он обновляет всю страницу, а не отдельный раздел, URL "/ refresh" - это запрос к Slim (framework), который в свою очередь вызывает функцию PHP "getData ", функция" getData "представляет собой Mysql-запрос" выберите имя_сервера из server_data ", результаты изменения строки ниже

$ (". result "). html (results);Вся страница обновляется $ ('# result'). Html (results);Данные вообще не обновляются.

Мне нужно просто обновить данные таблицы без обновления всей страницы при нажатии кнопки обновления. 

<html>
    <script type="text/javascript">
        $(document).ready(function() {
        $('.refresh_data').click(function() {

            $.ajax({
                url: "/refresh",
                method: "GET",
                success: function(results) {
                        $('#result').html(results);
                }
            });
        });
    });
    </script>

    <body>
        <div align=right>
            <button type="button" class="bnt btn-info btn-dark btn-sm refresh_data">Refresh<i class="fa fa-refresh" aria-hidden="true"></i></button>
        </div>
    <div class="result"  align=center>
        <table id="hostTable" class="table table-striped table-bordered table-sm mb-0">
            <thead>
                <tr>
                    <th class="text-center h6 th-sm font-weight-bold">Server Name</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>name</td>
                </tr>
            </tbody>
        </table>
    </body>
</html>

От, Akash.V

1 Ответ

0 голосов
/ 08 июля 2019

Прежде всего, содержимое не обновляется, когда $('#result').html(results);, поскольку #result не существует, единственным результатом в html является класс, поэтому .result.

Итак, чтобы это работало, код должен быть: $('.result').html(results);.

Вторая проблема, вы уверены, что ответом является HTML?

А чтобы закончить, проверьте функцию загрузки. .load () , возможно, он подойдет вам лучше.

.load (url [, данные] [, завершено])

Описание: загрузить данные с сервера и поместить полученный HTML-код в соответствующие элементы.

...