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

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

這包括清除元素的前一個內容，重新初始化基本結構，然後在重新填充之前等待服務器依賴。

這也會重置任何用戶更改，如排序。

相反，您應該更新現有表實例中的數據。
reload function這樣做。