如何使表從AJAX成功的DataTable（）

Question

我DataTable的庫（）在我的原型網站的某些部分，但沒有Ajax功能沒有Ajax

<table id = 'mytable'> 
    //some content 
</table> 

決策表中的數據表$('#mytable').dataTable();這方法的工作並取得了表的DataTable

下面是我如何將其運用在用ajax

$.ajax({ 
     url:"user.php", 
     method:"POST", 
     data:{id,id}, 
     success:function(data) { 
      $(data).find('#usertable').dataTable(); 
      $('#myDiv').html(data); 
      } 
}); 

sample.php

$output .= ' 
     <table id = "usertable"> 
       //some content 
     </table>'; 

echo $output; 

我怎樣才能使阿賈克斯成功響應的DataTable？

Answer 1

您需要先將html添加到dom，然後創建數據表。你正在以另一種方式來做這件事。當你創建數據表時，html在你的dom中不可用，並且不會創建數據表。

$.ajax({ 
    url: "user.php", 
    method: "POST", 
    data: {id: id}, 
    success: function(data) { 
     $('#myDiv').html(data);  // Add html to the dom 
     $('#myDiv table').dataTable(); // Create the datatable 
    } 
});