javascript - 如何在页面上进行实时更新

Question

我有一个页面，用户可以在其中注册参加比赛。用户只需使用用户名填写文本字段并单击提交按钮。

现在，我可以将他们的用户名添加到一个表格中，该表格在他们单击提交时通过 ajax 显示所有已注册的用户。但是，我希望每次添加新用户时无需刷新页面即可更新该表格。

通过设置某种更新该表的间隔来做到这一点的唯一方法是什么？似乎它会进行很多不需要的数据库调用。什么是好的间隔使用？

我是否应该将表格存储在视图中并使用 .load 每隔 10 秒将其插入页面上的 div 中？

Answer 1

您必须重新检查间隔内的任何更改：

setInterval(function() {
    $.ajax({
        url: "your/url",
        type: "GET",
        success: function(result) {
            // Update table
        }
    });
}, 10000); // Number of milliseconds to recheck