Javascript 刷新从MySQL填充的数据表,而不每隔x秒刷新整个页面

Javascript 刷新从MySQL填充的数据表,而不每隔x秒刷新整个页面,javascript,php,datatable,refresh,Javascript,Php,Datatable,Refresh,我正在尝试刷新一个当前充满MySQL数据的datatable 我的PHP文件: <div class="col-md" id="tableDiv"> <table class="table" id="myTable"> <thead> <td>1</td> <td&

我正在尝试刷新一个当前充满MySQL数据的datatable

我的PHP文件:

<div class="col-md" id="tableDiv">
        <table class="table" id="myTable">
            <thead>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
            </thead>
            <tbody>
            <?php

            $connect = mysqli_connect($servername, $username, $password, $database);
            if (!$connect) {
                die(mysqli_error());
            }
            $results = mysqli_query($connect,"SELECT * FROM xxxx");
            while($row = $results->fetch_assoc()) {
                $imgdata = $row['xxx'];
                ?>
                <tr>
                    <td><?php echo '<img src="data:image/gif;base64,' . $imgdata . '" />'; ?></td>
                    <td><?php echo $row['1']?></td>
                    <td><?php echo $row['2'] ?></td>
                    <td><?php echo $row['3'] ?></td>
                    <td><?php echo $row['4'] ?></td>
                </tr>

                <?php
            }
            ?>
            </tbody>
        </table>

        <script>
            $(document).ready(function() {
                $('#myTable').DataTable( {
                    responsive: true,
                    "pageLength": 10
                    .ajax.reload(null, false);
                });
            });
        
        </script>

    </div>
</div>

我目前正在使用上面的JS代码填充表,但它不起作用。数据显示在表中,但没有每秒刷新一次。

1-编写一个函数,使用ajax请求加载数据表

2-将表格分配给变量(设为x)

3-启动计时器并在x秒内调用该函数

4-函数中的if(x==未定义){initiate table}else{reload table}


有关表格重新加载的信息,请参阅此链接。-

您可以在
时间间隔之后使用服务器端
基于ajax的jquery数据表
,您可以重新加载表数据,而不是加载整个页面

感谢您的输入。我现在从JS填充了数据库,请参阅附加代码。你能告诉我为什么它不刷新吗?
$(document).ready (function() {
$.ajax({
    url: "updatetable.php",
    success : function(data) {
        var o = JSON.parse(data);
        var table= $('#myTable').dataTable( {
            data : o,
            columns: [
                {"data" : "1"},
                {"data" : "2"},
                {"data" : "3"},
                {"data" : "4"},
                {"data" : "5"},
                
            ],
        });
          setInterval( function () {
            console.log('reloading table')
            table.ajax.reload( null, false ); 
            }, 1000 );
    } 
});
});