ajax呼び出し後にデータテーブルを再描画

Question

フィルタを使用してデータテーブルを作成しています。私はAjaxを10秒ごとに使用して、新しいデータをフェッチし、新しい行をテーブルに追加します。あなたは私がそれらをフィルタリングしたり、検索できるように、新しいデータでテーブルを更新したり、描画しようとしている見たよう

$(function() { 
    setInterval(checkNew,1000*10); 

    $("#orderdate").datepicker({ 
     changeMonth: true, 
     changeYear: true, 
     yearRange: '2013:2050', 
     dateFormat:"dd-mm-yy", 
     showAnim:"fold" 
    }); 

    var table = $('#data').DataTable({ 
     "lengthMenu": [[-1], ["All"]], 
     "bSort": false, 
     "paging": false, 
    }); 

    $("#status").change(function() { table.column(4).search($(this).val()).draw() }); 

}); 

function checkNew(){ 
    $.post('getdata.php',{max: $("#lastid").text().trim() }).done(function (data) { 
     if(data.trim() !== '') { 
      $("table#data").prepend(data.trim()); 
      //need to draw datatable to filter and search new data added to the table 
     } 
    }); 
} 

（表のデータはありませんアヤックスで同じページに動的です）。新しいデータを検索すると、DOMでロードされていないため表示されません。しかし、私は正確に新たな付加データをフィルタリングして検索するためのテーブルを描画するためにとにかくコードを編集するために、どのように私は

$("table#data").DataTable().draw(); // new rows are added but can't be searched or filtered 

そして

$('table#data').dataTable().fnDraw(); //new rows are not added 

を試してみたテーブルを再描画することはできませんか？

Answer 1

データテーブルは、テーブルにbuilt-in functionality for handling loading data from an ajax requestを提供します。さらに、テーブルのデータを更新するreloadメソッドを提供します。その後、

var table = $('#data').DataTable({ 
    ajax: "getdata.php" 
}); 

と：：

あなたのケースでは

、あなたのような何かを行うことができるはず

setInterval(function() { 
    table.ajax.reload(); 
}, 10000); 

あなたはリロード関数の引数として渡したいことがあり、追加のオプションがあります。あなたのユースケースに応じて。私はこれが助けて欲しい！ getdata.phpで