php - 实时更新 HTML 表格的最佳方式

标签 php jquery ajax postgresql

背景信息

我有一个包含一些数据的 html 表格。第一个数据行应始终突出显示。该表基本上由两个重要的列组成。一列是 Title,表格的另一列是 Votes。该表应按此列排序(降序,大多数投票在顶部)。此信息只是为了更好地理解并且无关紧要,因为我已经在后端订购数据。


现在进入问题。该表位于没有用户交互的站点上,仅用于演示。表中的数据被另一个站点更改并存储在 Postgres 数据库中。我正在寻找更新此表的好方法。目前,我正在通过使用 PHP 生成代码并使用

刷新页面所有 5s 来做到这一点
setTimeout(function() {
     window.reload(1);
}, 5000);

我认为这不是一个好的解决方案,因为如前所述,该网站是用于演示的,如果该网站一直加载几毫秒,它看起来就不太好。

我的想法是定期发送 ajax 请求,获取新数据(作为 JSON)并更新表格。我想我必须为此创建一个 API。目前该表也有 8 行的固定大小。

我是否必须完全删除所有行并再次插入这些行,或者有一些好的方法可以在 JS 中实现这一点?是否可以确定数据库是否已更改并在这种情况下仅发送数据?只是想获得一些专业知识,然后再投入大量时间。

最佳答案

您应该使用 websockets 来构建正确的实时应用程序。如果您不想从头开始,请使用像 pusher 这样的库。 https://pusher.com/docs/libraries

关于php - 实时更新 HTML 表格的最佳方式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47869875/

相关文章:

javascript - 等到 jquery 对话框返回

php - Joomla 2.5模态弹出组件表单

ajax - 有没有推荐的ajax表单代码生成库或者app?

javascript - event.stopPropagation 停止实时事件的传播,尽管它不应该

IOS6 Safari Ajax 微调器

php - textarea 中的输入不会在 mysql 表中更新

php - 烦人的 vim(取消)缩进规则

php - 警告 : Bad Message Return Path (PHP)

php - mysql插入 "MySQL returned an empty result set"

php - 如何记住不同页面的表单值?