AJAX JSON 到数据表答案

【问题标题】：AJAX JSON to DatatablesAJAX JSON 到数据表
【发布时间】：2021-04-19 11:35:16
【问题描述】：

我还在学习这个，但我得到了一个 [Object object] 请帮助。我尝试按照 Datatables 中的文档进行操作，但仍然无法正确操作。希望你能帮助我...谢谢

这是代码

Javascript

 $(document).ready(function() {
        $.ajax({
            url: "includes/view_ajax.php",
            type: "POST",
            cache: false,
            dataType: 'json',
            success: function(dataResult){
                alert( JSON.stringify(dataResult) );
                $('#memberdata').DataTable({
                    "searching": true,
                    "aaData": [dataResult],
                    "aoColumns": [
                      { "sTitle": "PlateNo" },
                      { "sTitle": "Make" },
                      { "sTitle": "Series" }
                    ] 
                });
            }
        });

PHP

<?php

$columns = array( 
// datatable column index  => database column name
    0 => 'PlateNo',
    1 => 'Make',
    2 => 'Series',
);
include 'database.php';
$sql = "SELECT * FROM vehicleinfo";
$res = mysqli_query($conn, $sql) or die("Error: ".mysqli_error($conn));
$dataArray = array();
while( $row = mysqli_fetch_array($res) ) {


                 $PlateNo = $row["PlateNo"];
                 $Make = $row["Make"];
                 $Series = $row["Series"];
                 
                $dataArray [] =  array("PlateNo" => $PlateNo,
                                        "Make" => $Make,
                                        "Series" => $Series);


}

echo json_encode($dataArray);

?>

【问题讨论】：

您是否将数据库结果包装在一个数组中两次？首先在这里：$dataArray [] = ... - 然后再次在这里："aaData": [dataResult],。要仔细检查，您可以edit 向我们展示来自echo json_encode($dataArray); 的 JSON 文本输出。
另外，我相信@mohammedazar 提到的解决方案是必要的（它可能还不够）。

标签： javascript json ajax datatables

【解决方案1】：

$('#memberdata').DataTable({
                    "searching": true,
                    "aaData": [dataResult],
                    "aoColumns": [
                      { "sTitle": "PlateNo" , mData:'PlateNo' },
                      { "sTitle": "Make", mData:'Make' },
                      { "sTitle": "Series", mData:'Series' }
                    ] 
                });

您需要将 mData 属性添加到 Column 数组的对象

【讨论】：

@japs：如果某些事情不起作用，解释实际发生的事情以及提供任何相关的错误消息会很有用。在这种情况下，我确实认为这些更改是必要的（但它们本身可能不足以解决问题）。