数据表和 ajax 数据格式？

Question

我正在使用 Datatables，我希望能够发送 AJAX 请求来获取我的数据。

我的 jQuery -

$('.valid-tags').DataTable( {
    "ajax": {
        "url": "/ajax/getValidTags.php",
        "type": "POST",
        "data": {
            ruleID: ruleID
        }
    }
} );

这是ajax请求返回的数据-

{"data":["K":2,"B":1,"C":2]}

我希望在它们自己的行中的标记名称下看到“K”、“B”、“C”。

我的数据表没有加载任何数据？

我需要能够将每个键值对包装在自己的数组中，这样 -

{"data":["K":2,"B":1,"C":2]}

会-

{"data":[["K":2],["B":1],["C":2]]}

这是构建它的 PHP（我在哪里将键值包装在一个对象中，以便像上面那样）？-

$validTagsArray = array();
$validArray = array();

foreach ($cursor as $key => $value) {
  foreach ($value['AutoFix'] as $k => $v) {
    $x = 0;
    foreach ($v as $key => $value) {
      $x++;
      $validValueCount = $validTagsArray[$k] = $x;
    }
  }
}

$validArray['data'] = array($validTagsArray);


echo json_encode($validArray);

Answer 1

更改您返回的 JSON 的格式，如下所示。请参阅Data source types 了解更多信息。

{
    "data": [
        [ "K", 2 ],
        [ "B", 1 ],
        [ "C", 2 ]
    ]
}

如下所示更改您的初始化选项。

$('.valid-tags').DataTable( {
    "ajax": {
        "url": "/ajax/getValidTags.php",
        "type": "POST",
        "data": {
            ruleID: ruleID
        }
    },
    "columnDefs": [{
       "targets": 2,
       "render": function(data, type, full, meta){
          return '<button type="button">Manage</button>';
       }
    }]
} );

有关代码和演示，请参阅 this jsFiddle。