Javascript 数据表的sion应为1.10.7。在我的问题中,我添加了返回的Ajax。您的HTML中已经有这些元素了吗?查看您的HTML也会很有帮助。在#表上初始化dataTable之前,需要将returnData.Message追加到表中。排除故障时可以执行的另一个测

Javascript 数据表的sion应为1.10.7。在我的问题中,我添加了返回的Ajax。您的HTML中已经有这些元素了吗?查看您的HTML也会很有帮助。在#表上初始化dataTable之前,需要将returnData.Message追加到表中。排除故障时可以执行的另一个测,javascript,php,jquery,ajax,datatable,Javascript,Php,Jquery,Ajax,Datatable,数据表的sion应为1.10.7。在我的问题中,我添加了返回的Ajax。您的HTML中已经有这些元素了吗?查看您的HTML也会很有帮助。在#表上初始化dataTable之前,需要将returnData.Message追加到表中。排除故障时可以执行的另一个测试是只调用$('#table').dataTable(),不带任何参数。在基本的dataTable工作之后,您可以填写这些内容。有关dataTable()和dataTable()之间的解释,请参见以下内容:我有一个在之前。在调用DataTabl


数据表的sion应为1.10.7。在我的问题中,我添加了返回的Ajax。您的HTML中已经有这些元素了吗?查看您的HTML也会很有帮助。在#表上初始化dataTable之前,需要将returnData.Message追加到表中。排除故障时可以执行的另一个测试是只调用$('#table').dataTable(),不带任何参数。在基本的dataTable工作之后,您可以填写这些内容。有关dataTable()和dataTable()之间的解释,请参见以下内容:我有一个
之前。在调用DataTables()之前,我还会返回
returnData.Message
内的
标记。很抱歉,我无法从这条在线评论中看出什么。请共享现有表格html的完整格式。在服务器返回returnData.Message之前和之后,共享html的外观会很有帮助,这样我们就可以查看是否存在任何格式问题。在我能看到dataTable()后,我将在我的计算机上尝试将其初始化为完整的html。也许制作一个github gist或codepen。谢谢。那么,dataTables的版本应该是1.10.7。在我的问题中,我添加了返回的Ajax。您的HTML中已经有这些元素了吗?查看您的HTML也会很有帮助。在#表上初始化dataTable之前,需要将returnData.Message追加到表中。排除故障时可以执行的另一个测试是只调用$('#table').dataTable(),不带任何参数。在基本的dataTable工作之后,您可以填写这些内容。有关dataTable()和dataTable()之间的解释,请参见以下内容:我有一个
之前。在调用DataTables()之前,我还会返回
returnData.Message
内的
标记。很抱歉,我无法从这条在线评论中看出什么。请共享现有表格html的完整格式。在服务器返回returnData.Message之前和之后,共享html的外观会很有帮助,这样我们就可以查看是否存在任何格式问题。在我能看到dataTable()后,我将在我的计算机上尝试将其初始化为完整的html。也许制作一个github gist或codepen。非常感谢。

$.ajax({
    type: "POST",
    url: "ajaxSearch.php",
    data: $('#form').serializeArray(),
    dataType: "json",
    timeout: 10000,
    success: function(returnData) {
        if(returnData.Type == 'success') {
            $('#tbody').html(returnData.Message);
            $('#table').DataTable({
                paging: true,
                searching: false,
                lengthMenu: [[5, 10, 20, 50, 100], [5, 10, 20, 50, 100]],
                iDisplayLength: 5,
                columnDefs: [{
                    orderable: true,
                    targets: -1
                }]
            });
        }       
    },
});
{
    "draw": 1,
    "recordsTotal": 57,
    "recordsFiltered": 57,
    "data": [
        [
            "Angelica",
            "Ramos",
            "System Architect",
            "London",
            "9th Oct 09",
            "$2,875"
        ],
        [
            "Ashton",
            "Cox",
            "Technical Author",
            "San Francisco",
            "12th Jan 09",
            "$4,800"
        ],
        ...
    ]
}
{
    "Type" : "success",
    "Message": 
        "<tr>
           <td>1</td>
           <td>John Smith</td>
           <td><a href="edit.php?id=1">Edit</a></td>
        </tr>
        <tr>
           <td>2</td>
           <td>John Doe</td>
           <td><a href="edit.php?id=2">Edit</a></td>
        </tr>"
}
<table id="table">
    <thead>
        <tr>
            <th>ID</th>
            <th>Name</th>
            <th>Action</th>
        </tr>
    </thead>
    <tbody id="tbody">
    </tbody>
</table>
<table id="table">
    <thead>
        <tr>
            <th>ID</th>
            <th>Name</th>
            <th>Action</th>
        </tr>
    </thead>
    <tbody id="tbody">
       <tr>
          <td>1</td>
          <td>John Smith</td>
          <td><a href="edit.php?id=1">Edit</a></td>
       </tr>
       <tr>
          <td>2</td>
          <td>John Doe</td>
          <td><a href="edit.php?id=2">Edit</a></td>
       </tr>
    </tbody>
</table>
if(returnData.Type == 'success') {
   $('#tbody').html(returnData.Message);
 }
   if ($.fn.dataTable.isDataTable("#table")) {
     oTable = $("#table").DataTable();
     oTable.destroy({remove:true});
   }