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