新しいデータでDatatableを更新する

Question

私はjQuery Datatableを使用しているテーブルを持っています。テーブルは15秒ごとに新しいデータで更新されています。私はDatatableの最新バージョンを使用しています。

UIに影響するクリアメソッドを使用せずにデータテーブルを新しいデータで再初期化するにはどうすればよいですか？

マイコード：

jQuery.ajax({ 
    type: 'POST', 
    url: /list_tasks', 
    data: ajaxData, 
    spinner: true, 
    success: function (response) { 
     $('#task_table').html(response.html) 
     if ($.fn.DataTable.isDataTable('#task_table')) { 
      $('#task_table').DataTable().destroy(); 
     } 
     var dataTable=$('#task_table').DataTable({ 
      deferRender:true, 
      destroy: true, 
      scrollCollapse: true, 
      scroller:  true, 
      scrollY:  "200px", 
      bFilter:false, 
      bInfo: false, 
      bLengthChange:false, 
      initComplete: function(settings, json) { 

      }, 
      fnDrawCallback:function(){ 

      } 
     });   
    } 
}); 

Answer 1

の代わりにあなたがajax機能に建てられたのDataTableに頼るべきで車輪の再発明。あなたがそれを行う場合は、ajax.reload()を使用して、非常に簡単にテーブルを更新することができます。

var dataTable =$('#task_table').DataTable({ 
    ajax: { 
    url: '/list_tasks', 
    data: ajaxData 
    }, 
    deferRender:true, 
    scrollCollapse: true, 
    scroller:  true, 
    scrollY:  "200px", 
    bFilter:false, 
    bInfo: false, 
    bLengthChange:false, 
    initComplete: function(settings, json) { 
    }, 
    fnDrawCallback:function(){ 
    } 
}); 

setInterval(function() { 
    dataTable.ajax.reload() 
}, 15000); 

---

更新。あなたは、DOMにテーブルを挿入したり削除したりした後で、それを後でdataTableとしてインスタンス化すると、UIのちらつ​​きや影響を防ぐことはできません。

<iframe src="table.php" id="table"></iframe> 

その後はiframe自体が各15秒更新：この `dataTable.ajaxを試してみてください

setInterval(function() { 
    $('#table')[0].contentWindow.location.reload(true); 
}, 15000);