每 5 秒刷新一次表数据

Question

我目前处于设计阶段，想知道如何每 5 秒更新一次表格。

我的表格将显示从我的模型返回的只读数据。

通常我的视图只有<table></table> HTML，然后是一个 foreach 循环来写出数据。

但是，因为我想每 5 秒刷新一次整个表，所以我不确定如何实现它。

我知道有 javascript setinterval 函数，但我也不确定此时该做什么。会是这样吗？

例如/

function getdata()
{
    $.getJSON("/mycontroller/mymethod"), 

                 function(data) {

                $.each(data, function(i, item) {
                    var row = {  item.ID, item.Date,
                         item.Title
                    };
               $(#table).tableInsertRows(row);
                });

            });
}
    setInterval( "getdata", 5000 );

Answer 1

让mymethod 操作呈现视图而不是返回 JSON 可能是最简单的。然后您可以将 div 的 innerHTML 设置为 ajax 响应。

否则你的方法会奏效，但显然你必须先删除现有的表行：

$('#table').tableRemoveRows({from:0, length:???});

编辑

重新阅读您的问题，听起来您对setInterval 的询问比实际创建表格的更多。你需要不断地重新注册回调，所以是这样的：

function getdata()
{
    $.getJSON("/mycontroller/mymethod"), function(data) {

        $.each(data, function(i, item) {
                var row = {  item.ID, item.Date,
                     item.Title
                };
           $(#table).tableInsertRows(row);
        });

        setInterval( getdata, 5000 );

    });
}
setInterval( getdata, 5000 );