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

How to do live updates on page

本文关键字：实时更新      更新时间：2023-09-26

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

现在，我可以将他们的用户名添加到一个表中，当所有注册用户单击提交时，该表显示所有注册用户。但是，我希望每次添加新用户时都能更新该表，而不刷新页面。

唯一的方法是设置某种更新该表的间隔吗？它似乎会进行很多不需要的数据库调用。什么是好的音程？

我应该将表存储在视图中，然后每隔10秒使用.load将其插入页面上的div中吗？

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

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