每5秒刷新一次表数据

我现在处于设计阶段，并且想知道如何每5秒更新一次表格。

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

通常我的视图只有

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 );