我现在处于设计阶段,并且想知道如何每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 );
让mymethod
动作渲染视图而不是返回JSON可能是最容易的。 然后你可以将div的innerHTML
设置为ajax响应。
否则您的方法将起作用,但您显然必须先删除现有的表行:
$('#table').tableRemoveRows({from:0, length:???});
编辑
重新阅读你的问题,听起来你要求更多关于setInterval
不是实际创建表。 你需要不断重新注册回调,所以像这样:
需要了解更多jQuery教程分享每5秒刷新一次表数据,都可以关注jQuery技术分享栏目—计算机技术网(www.ctvol.com)!
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 );
以上就是jQuery教程分享每5秒刷新一次表数据相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。
本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址:https://www.ctvol.com/jquerytutorial/981622.html