レコード/データを削除した後にdataTableをリロードする方法は？

Question

私はレコードを生成し、各行には削除ボタンがあります。そして、削除ボタンをクリックすると、データベースからレコードが削除されます。また、削除後、dataTableをリロードします。このためのヘルプ？

のDataTable：

var table = $('#table').DataTable({ 

    "processing": true, 

    //some settings? 
}); 

のjQuery：

$(document).on('click', '[id^="delete-product-"]', function() { 

    var id = this.id.split('-').pop(); 

    $.ajax({ 
     type: 'post', 
     url: 'my_controller/delete_product', 
     dataType: 'json', 
     data: {id: id}, 
     success: function(callback) 
     { 
      //What should I code here, that can't reload entire page, only the table 
      //after deleting records 
     }, 
     error: function(status) 
     { 
      console.log(status); 
     } 
    }); 
}); 

任意の助けいただければ幸いです。進んでいただきありがとうございます

Answer 1

テーブルのデータ全体を再読み込みする必要はありません。削除した行を削除するだけです。

$(document).on('click', '[id^="delete-product-"]', function() { 
    var $button = $(this); 
    var id = this.id.split('-').pop(); 

    $.ajax({ 
     type: 'post', 
     url: 'my_controller/delete_product', 
     dataType: 'json', 
     data: {id: id}, 
     success: function(callback) 
     { 
      table.row($button.parents('tr')).remove().draw(); 
     }, 
     error: function(status) 
     { 
      console.log(status); 
     } 
    }); 
});