javascript - 使用新 API 刷新多个数据表

Question

花时间阅读新的 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

Answer 1

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

                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();