如何从AJAX成功创建表dataTable()

时间:2017-08-16 07:36:07

标签: javascript php jquery ajax datatable

我的原型网站的某些部分有一个dataTable()库但没有ajax函数没有ajax

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

使表成为数据表$('#mytable').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;

如何将ajax成功响应变为数据表?

1 个答案:

答案 0 :(得分:1)

您需要先将html添加到dom中,然后再创建数据表。你正在以另一种方式做到这一点。创建数据表时,dom中尚未提供html,也不会创建数据表。

$.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
    }
});