jQuery技术:每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 ); 

    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

      (0)
      上一篇 2021年12月12日
      下一篇 2021年12月12日

      精彩推荐