ajax html javascript页面刷新没有闪烁问题

  • Z时代
  • 2024-01-10
  • 分类：问答

我想在我的HTML页面上每秒刷新表格而没有闪烁。我正在使用JavaScript和Ajax来尝试实现这一点。ajax html javascript页面刷新没有闪烁问题

这里是我的脚本

var table = $('#dt').DataTable({ 
         ajax: "data.json" 
        }); 
        setInterval(function() { 
         table.ajax.reload(); 
        }, 1000);

我的表是id="dt"和class="sorttable"一切，我需要更新是在div="div1"

我需要它每秒更新一次，以显示新的活动连接。

任何帮助或建议非常感谢。

回答：

究竟是不是用你的代码工作因为它似乎对我好吗？下面的代码应该可以正常工作。

var table = $('#dt').DataTable({ 
    ajax: "data.json" 
}); 
setInterval(function() { 
    table.ajax.reload(null, false); // user paging is not reset on reload 
}, 1000);

我已经添加了参数，以便它保留分页。顺便说一句，我希望你包含jQuery库？我也想你也可以更换table.ajax.reload与$table.fnDraw(); OR table.fnReloadAjax();，它应该只是工作同样出色

这里有一个plunk已经做了你所需要的。我已将刷新率设置为3秒。转到任何其他页面，以便您可以看到刷新操作，否则当数据没有更改时，您可能无法看到任何更改。我认为重新装入方法需要参数才能保留分页。您可能需要查看该文档

回答：

您需要将serversid选项设置为true，以便serer端处理数据表。

$(document).ready(function() { 
    var sunixi=$('#sunixi').DataTable({ 
     "processing": true, 
     "serverSide": true, 
     "ajax": "../server_side/scripts/server_processing.php" 
    }); 
//reload the datatable after 30 secs 
    setInterval(function(){ 
      sunixi.ajax.reload();//user paging will be reset on reload 
    }, 3000); 
});

sunixi.ajax.reload（NULL，假）; //用户呼叫时不复位重装

编号：Datatable server side processing

以上是 ajax html javascript页面刷新没有闪烁问题 的全部内容， 来源链接： utcz.com/qa/262836.html

回到顶部