Javascript 使用新API刷新多个数据表

Javascript 使用新API刷新多个数据表,javascript,jquery,datatable,Javascript,Jquery,Datatable,在花时间阅读了新的DataTable 1.10.2 API之后,我想我现在已经好多了。到目前为止,我已经将我的200多行代码减少到不到100行,同样的事情做得更好。现在,当数据发生更改时,数据表不会刷新,这让我很为难。下面的代码仅刷新.getJSON函数,但未刷新浏览器中2个表上的数据: $(document).ready(function (){ var alertTable = $('#alert-table').DataTable({

在花时间阅读了新的DataTable 1.10.2 API之后,我想我现在已经好多了。到目前为止,我已经将我的200多行代码减少到不到100行,同样的事情做得更好。现在,当数据发生更改时,数据表不会刷新,这让我很为难。下面的代码仅刷新.getJSON函数,但未刷新浏览器中2个表上的数据:

        $(document).ready(function (){
            var alertTable = $('#alert-table').DataTable({
                "columns": [
                    { "data": "host" },
                    { "data": "description" },
                    { "data": "value", "visible": false }
                ],
            });

            var errorTable = $('#error-table').DataTable({
                "columns": [
                    { "data": "host" },
                    { "data": "description" }
                ],

            });


            setInterval (function(){
                $.getJSON("data/json_data.txt", function (pcheckdata){

                    alertTable.clear();
                    alertTable.rows.add(pcheckdata.alerts).draw();
                    alertTable.columns.adjust().draw();

                    errorTable.clear();
                    errorTable.rows.add(pcheckdata.errors).draw();
                    errorTable.columns.adjust().draw();
                });
            }, 1000);
        });
这是我在检查firefox控制台时看到的:

GET data/json_data.txt 200 OK 10ms

愚蠢的我,我只是注意到我的错误,忘记在.clear()之后添加.draw()


您可以试用
oTable.fnDraw()完成所有操作后。谢谢@D.T。我已经识别出错误。很好的一个,简单的可更新数据表:)
                alertTable.clear().draw();
                alertTable.rows.add(pcheckdata.alerts).draw();
                alertTable.columns.adjust().draw();

                errorTable.clear().draw();
                errorTable.rows.add(pcheckdata.errors).draw();
                errorTable.columns.adjust().draw();