php - 每 5 秒用 jQuery/Ajax 刷新一个表

Question

所以我有一个从数据库中提取信息的表，我想知道如何让它在不重新加载整个页面的情况下刷新其信息。

Answer 1

您需要一个显示您的表格的 getTable.php 页面，仅此而已:没有页眉、页脚等。

PHP (getTable.php) - 这可以是任何服务器端代码(asp、html 等)

<?php
    echo '<table><tr><td>TEST</td></tr></table>';
?>

然后，在您的 JS 中，您可以使用 load() 方法轻松刷新表格:

HTML

<div id="tableHolder"></div>

JS

<script type="text/javascript">
    $(document).ready(function(){
      refreshTable();
    });

    function refreshTable(){
        $('#tableHolder').load('getTable.php', function(){
           setTimeout(refreshTable, 5000);
        });
    }
</script>