背景信息
我有一个包含一些数据的 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/