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