javascript - 如何从 AJAX 成功创建一个 dataTable()

Question

我的原型(prototype)网站的某些部分有一个 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);
          }
});

示例.php

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

echo $output;

如何使 ajax 成功响应成为数据表？

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