如何在刪除記錄/數據後重新加載dataTable？

Question

我已經生成了記錄，每一行都有刪除按鈕，當我點擊刪除按鈕時，它會刪除數據庫中的記錄。另外，刪除後它將重新加載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); 
     } 
    }); 
});