【问题标题】:refresh data table every x second - jquery每 x 秒刷新一次数据表 - jquery
【发布时间】:2018-04-13 20:33:55
【问题描述】:

我正在尝试每 2 秒刷新一次数据表。

我的代码:

<script type="text/javascript">
var user = '<?php echo $_SESSION['username']?>';
jQuery('.js-dataTable-full-pagination-help').DataTable({


pagingType: "full_numbers",
columnDefs: [ { orderable: false, targets: [ 4 ] } ],
pageLength: 10,
lengthMenu: [[5, 10, 15, 20], [5, 10, 15, 20]],
dom: 'lfBrtip',
buttons: [
        'copy',
        {
            extend: 'excel',
            messageTop: 'report'
        },
        {
            extend: 'pdf',
            title: ' report.'
        },
        {
            extend: 'print',
            messageTop: 'printed by - '+user,
            title : ' report',
            exportOptions: {
                      columns: [1, 2,3,4, 5 ]
                  }

        }
    ]


});

</script>

我尝试了什么:

setInterval(refreshTable , 1000 );});

我尝试了 ajax.reload...

我收到此错误:

Uncaught SyntaxError: Unexpected identifier

我有一个 ajax 代码来向数据库添加值并在数据表中显示它们。我想每 2 秒刷新一次表,所以当用户添加一些内容时,它会立即出现在表上。

【问题讨论】:

    标签: php jquery ajax datatable


    【解决方案1】:

    语法错误,setInterval 将函数引用和时间作为参数,以毫秒为单位,如下所示:

    var datatables = ('.js-dataTable-full-pagination-help').datatables ({Your-configurations}); // keep a reference to datatables api.
    setInterval(refreshTable ,1000);
    

    或者你可以像这样传递一个匿名函数作为第一个参数:

    setInterval (function () {
        // Do some more stuff
        refreshTable ();
    }, 1000);
    

    甚至更简单:

    setInterval (datatables.ajax.reload, 1000); // then you can delete the refreshTable function entirely.
    

    假设您在该范围内有函数 refreshTable:

    function  refreshTable() {
         // this function will be called every second
         // run here the ajax reload according to Datatables api
         datatables.ajax.reload ();
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2020-08-07
      • 1970-01-01
      • 2012-06-13
      • 2014-06-01
      • 1970-01-01
      • 2014-10-16
      • 2016-01-23
      • 2022-07-06
      相关资源
      最近更新 更多