在数据库中添加新行时自动刷新表

时间:2019-06-10 19:15:09

标签: javascript php jquery html

我有一个连接到数据库的表。 我有4列:日期,时间,风速和风向 由于我的表格平均每10秒钟左右就会有一个新行,所以我想知道是否可以动态刷新它而不用AJAX刷新整个页面。

我查看了一些示例,并尝试将其调整为适合我的情况,但这似乎不起作用

我的桌子看起来像这样

<table id="table" align="center" border="1px" style="width:600px; line-height:30px">
        <tr> 
                <th colspan="4"><h2> Résultat : <?php echo htmlentities($nom) ?> </h2> </th>
        </tr>
        <t>
                <th> Date </th>
                <th> Heure </th>
                <th> Vélocité (km/h) </th>
                <th> Direction du vent </th>
        </t>
    <?php
        while($rows=mysqli_fetch_assoc($result))
        {
    ?>      
            <tr>
                <td align="center"><?php echo $rows['Date'] ?></td>
                <td align="center"><?php echo $rows['Heure'] ?></td>
                <td align="center"><?php echo $rows['Velocite'] ?></td>
                <td align="center"><?php echo $rows['Direction_vent'] ?></td>
            </tr>

            <?php
        }
    ?>
</table>

我尝试过这种刷新:

<script>
$(document).ready(function() {

function RefreshTable() {
   $( "#table" ).load( "valeurs.php #table" );
}

$("#refresh-btn").on("click", RefreshTable);
});
</script>

0 个答案:

没有答案