使用 jquery/Ajax 刷新表 - 断开指向数据库/javascript 的链接答案

【问题标题】：refreshing table with jquery/Ajax -breaks links to database/javascript使用 jquery/Ajax 刷新表 - 断开指向数据库/javascript 的链接
【发布时间】：2012-11-06 00:36:46
【问题描述】：

我正在修改一些显示来自 mysql 数据库的行的结果表以自动刷新。我是新手，所以基于 Refresh a table with jQuery/Ajax every 5 seconds

这很好用，我已经通过要求向服务器显示时间的请求来测试它，以便我可以在刷新发生时看到更改。

我的问题是，如果我将其应用于显示返回的 sql 结果的表（也使用 jquery 表排序器）。我的 sql 和 jquery 都失败，除非我将它们所依赖的所有文件和代码移动到我在其上回显表的 php 页面。这现在让我的页面变得一团糟。那么使用 ajax 刷新和管理结果表的最佳方法是什么？依赖文件/代码应该放在哪里？

干杯

【问题讨论】：

您链接到的页面上有 3-4 种不同的解决方案 - 您能给我们一些您的代码吗？特别是加载数据和重新填充表格的函数。
我使用的解决方案是公认的答案。我没有对数据使用函数。 SQL 就在页面顶部，结果回显到中的表中
我不确定你的意思是你必须将所有文件和代码移动到你回显表格的页面。您可能应该有一个 PHP 脚本，它只为您提供表格数据（或者如果您不想在 javascript 中构建 HTML，则可能是表格 HTML 源代码）。当您进行 AJAX 调用时，您只需拉入新数据并显示它。

标签： php mysql ajax

【解决方案1】：

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

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

【讨论】：

setInterval() 可能是你想的每 5 秒刷新一次，setTimeout() 只执行一次。