javascript - jQuery jTable 由 ajax 闪烁

Question

当我使用 ajax 将数据绑定到 jquery-jTable 时，表按计时器的周期闪烁。

我使用了 jquery.timer.js 和 jquery.jtable.js

这是我的 JavaScript 代码。

---

function dispAlarmTable(){
    var d = new Date();
    $("#alarmTableContainer").jtable({
        ajaxSettings: {
            type: 'POST',
            dataType: 'json'
        },
        actions:{
            listAction: 'http://localhost/alarm.php?t=' + d.getTime()
        },
        fields:{
            vmax:{title:'vmax'},
            imax:{title:'imax'},
            time:{title:'time'}
        }
    });
    $("#alarmTableContainer").jtable('load');
}
var timer = $.timer(function(){ dispAlarmTable(); }, 1000, true);

---

如何避免闪烁（白页和表格，白页和表格...... 1 秒）？

Answer 1

您每秒都在重新创建表格。

这涉及清除元素的先前内容，重新初始化基本结构，然后等待服务器依赖，然后重新填充它。

这也会重置任何用户更改，例如排序。

相反，您应该更新现有表实例中的数据。重载功能
就是这样做 的。