Question

如何使用Ajax刷新表数据，尝试了以下代码，但是它刷新了整个页面而不是特定部分，URL“ / refresh”是对Slim（framework）的请求，该请求又被称为PHP函数“ getData”，函数“ getData”是一个Mysql查询“从server_data中选择server_name”，更改以下行的结果

$（“。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

Answer 1

首先，由于$('#result').html(results);不存在，#result不会刷新内容，因此html中的唯一结果就是一个类，所以.result。

因此，要使其正常工作，代码必须为：$('.result').html(results);。

第二个问题，您确定响应为HTML吗？

最后，请检查加载功能。 .load()，也许它将更好地满足您的需求。

.load（url [，data] [，complete]）

说明：从服务器加载数据并将返回的HTML放入匹配的元素中。

如何使用Ajax刷新表数据

1 个答案:

.load（url [，data] [，complete]）