Php 激发onclick的DataTable不绘制ajax响应中的数据

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

我有一个DataTable,它在onclick事件中检索表的数据

它正在按预期工作,我可以看到响应在后台启动,并且响应中有数据-但是,它没有加载到表中

.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