Php 激发onclick的DataTable不绘制ajax响应中的数据
我有一个DataTable,它在onclick事件中检索表的数据 它正在按预期工作,我可以看到响应在后台启动,并且响应中有数据-但是,它没有加载到表中Php 激发onclick的DataTable不绘制ajax响应中的数据,php,json,datatables,Php,Json,Datatables,我有一个DataTable,它在onclick事件中检索表的数据 它正在按预期工作,我可以看到响应在后台启动,并且响应中有数据-但是,它没有加载到表中 .draw(); 似乎是个问题。。。在论坛上看了一眼,尝试了我能找到的解决方案,但似乎没有任何效果 下面是JS var myTable = jQuery('.js-dataTable').DataTable({ dom: 'Bfrtip', pagingType: "full_numbers", columnDefs: [ { ord
.draw();
似乎是个问题。。。在论坛上看了一眼,尝试了我能找到的解决方案,但似乎没有任何效果
下面是JS
var myTable = jQuery('.js-dataTable').DataTable({
dom: 'Bfrtip',
pagingType: "full_numbers",
columnDefs: [
{ orderable: false }
],
buttons: [],
searching: false,
pageLength: 12,
autoWidth: false,
info: false,
paging: false,
columns: [
{"data": "ReturnedData"},
{"data": "ReturnedData"},
{"data": "ReturnedData"},
{"data": "ReturnedData"},
{"data": "ReturnedData"}
],
rowCallback: function (row, data) {},
filter: false,
processing: true,
retrieve: true
});
$("#expand").on("click", function (event) {
$.ajax({
url: 'inc/ajax/tables/cash/get-data.php',
type: "post",
data: { account: '123456' }
}).done(function (result) {
myTable.clear().draw();
myTable.rows.add(result).draw();
});
});
编辑以添加HTML:
<button id="expand" type="button" class="btn-block-option" data-toggle="block-option" data-action="content_toggle"></button>
<table class="table table-bordered table-striped table-vcenter js-dataTable">
<thead>
<tr>
<th>Title</th>
<th>Title</th>
<th>Title</th>
<th>Title</th>
<th>Title</th>
</tr>
</thead>
</table>
您的问题可能来自选项 为列指定data:ReturnedData时,datatable将搜索要在结果[x]中显示的内容。ReturnedData,由于数据中没有此键,因此只有结果[x]。ReturnedData键,因此不显示任何内容 var myTable=jQuery'.js dataTable'.dataTable{ dom:'Bfrtip', pagingType:完整编号, columnDefs:[ {orderable:false} ], 按钮:[], 搜索:假, 页长:12, 自动宽度:false, 信息:错, 分页:false, 栏目:[ {data:ReturnedData}, {data:ReturnedData}, {data:ReturnedData}, {data:ReturnedData}, {data:ReturnedData} ], rowCallback:函数行,数据{}, 筛选器:false, 处理:对, 检索:true }; $expand.onclick,函数事件{ const result=dataFromAjax; //打电话,抽签一次。 myTable.clear; myTable.rows.addresult.draw; }; //模拟ajax调用 函数dataFromAjax{ 返回[ {ReturnedData:'在'}之后, {ReturnedData:'在2'之后} ]; } 扩大 标题 标题 标题 标题 标题 测验 测验 测验 测验 测验
你的HTML看起来像什么?结果的结构呢?@KévinBibollet我编辑了这个问题,添加了HTML。谢谢。你说过。画画可能是个问题,但是你有错误吗?没有-没有错误,我只是从阅读其他帖子中假设的。这似乎是最符合逻辑的,因为我似乎有数据,但它只是没有被输出到屏幕上?如果你记录结果,你有来自ajax的数据吗?
data: Array(4)
0: {ReturnedData1: "Data", ReturnedData2: "Data", ReturnedData3: "Data", ReturnedData4: "Data", ReturnedData5: "Data"}
1: {ReturnedData1: "Data", ReturnedData2: "Data", ReturnedData3: "Data", ReturnedData4: "Data", ReturnedData5: "Data"}
2: {ReturnedData1: "Data", ReturnedData2: "Data", ReturnedData3: "Data", ReturnedData4: "Data", ReturnedData5: "Data"}
3: {ReturnedData1: "Data", ReturnedData2: "Data", ReturnedData3: "Data", ReturnedData4: "Data", ReturnedData5: "Data"}
length: 4
__proto__: Array(0)
__proto__: Object