如何在 AJAX 响应中重新初始化 DataTable

how to reinitialise DataTable in AJAX response

在这里,我通过使用 ajax 单击按钮,根据状态过滤 table 的数据,功能运行良好,但我无法重新初始化 DataTable。 这是 javascript:

<script>
$(document).ready(function () {
  $('#Completed').click(function(){
    $.ajax({
      method: "post",
      url:"<?php echo base_url(); ?>manager_CompletedIncidents",
      dataType: "json",
     success: function(response) {
       console.log(response);
          $('#table_id').dataTable({
              destroy: true,
          });
       $('#IncidentDetails').html(response);
       $('#table_id').dataTable();
     }
    });
  })
});
</script>

先用

销毁
$('#table_id').dataTable().fnDestroy();

然后重新初始化

$('#table_id').dataTable();

你也可以在一个班轮内完成

$('#table_id').DataTable().draw();