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

Question

我有一个页面，用户可以注册参与游戏比赛。用户只需使用用户名填写文本字段，然后点击提交按钮。

现在，我可以将他们的用户名添加到一个表中，当他们点击提交时，通过ajax显示所有已注册的用户。但是，每次添加新用户时，我都希望在没有页面刷新的情况下更新表。< / p>

这是通过设置更新该表的某种间隔来实现此目的的唯一方法吗？好像它正在进行大量不需要的数据库调用。什么是好的间隔使用？

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

Answer 1

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

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