DataTables 警告：table id=dataTables - Ajax 错误。 404 未找到

Question

我正在尝试通过 PHP 和 Ajax 从 MySQL 数据库中获取数据，然后使用 DataTables 将数据显示在表格中。我正在使用 XAMPP 1.8.3

这是我的 html 代码的一部分：

<table id="dataTables-melate" class="table table-striped table-bordered table-hover" cellspacing="0" width="100%">
                                <thead>
                                    <tr>
                                        <th>Concurso</th>
                                        <th>R1</th>
                                        <th>R2</th>
                                        <th>R3</th>
                                        <th>R4</th>
                                        <th>R5</th>
                                        <th>R6</th>
                                    </tr>
                                </thead>

                                <tfoot>
                                    <tr>
                                        <th>Concurso</th>
                                        <th>R1</th>
                                        <th>R2</th>
                                        <th>R3</th>
                                        <th>R4</th>
                                        <th>R5</th>
                                        <th>R6</th>
                                    </tr>
                                </tfoot>
</table>

这是我的 php 脚本（现在可以编辑并运行）：

    //default_chart_numbers.php
    $loteria='revancha';
    $lotto = new Lotto();

    $ultimos_resultados=$lotto->last_results($loteria,20);

    //echo json_encode($ultimos_resultados);
/*Formatting the output to a non associative array*/
function objectToArray($d) 
{
    if (is_object($d)) {
        // Gets the properties of the given object
        // with get_object_vars function
        $d = get_object_vars($d);
    }

    if (is_array($d)) {
        /*
        * Return array converted to object
        * Using __FUNCTION__ (Magic constant)
        * for recursive call
        */
        return array_map(__FUNCTION__, $d);
    } else {
        // Return array
        return $d;
    }
}

$new_array = objectToArray($ultimos_resultados);
//echo '<pre>',print_r($new_array),'</pre>';

$result = array();
echo '[';
foreach ($new_array as $new_array2) {
    echo '[';
    foreach ($new_array2 AS $value){
        echo $value;
        if($value!==end($new_array2)){ //referencias: http://stackoverflow.com/a/8780881/1883256
            echo',';
        }
    }
    echo ']';//referencias: http://www.mydigitallife.info/how-to-access-php-array-and-multidimensional-nested-arrays-code-syntax/
    if($new_array2!==end($new_array)){
        echo ',';
    }else{ echo '';}
}
echo ']';

这是 PHP 脚本的输出数据的样子（现在有了新的变化）：

[[2738,11,12,28,30,50,54], ... ,[2757,32,34,35,36,50,55]]

这里是 jQuery 代码：

<script>
$(document).ready(function() {
    $('#dataTables-melate').dataTable({
        "bProcessing": true,
        "bServerSide": true,
        "sAjaxSource": {
            "url":"ajax/default_chart_numbers.php",
            "type": "POST"
        },
        "columns":[
            {"data": "concurso"},
            {"data": "R1"},
            {"data": "R2"},
            {"data": "R3"},
            {"data": "R4"},
            {"data": "R5"},
            {"data": "R6"}
        ]
    });
} );
</script>

当我加载页面（在 Firefox 中）时，我收到此错误： DataTables 警告：table id=dataTables-melate - Ajax 错误。
Firebug 也告诉我们这个错误：404 Not Found

我错过了什么？ 这么久以来我一直在努力解决这个问题：/

Answer 1

这个答案将是一种将 AJAX 与 DataTables 结合使用的方法有些不同，希望它对一些人有所帮助，因为它的代码要少得多。

当使用 AJAX 并向 DataTables 添加数据时，我通常会走这条路： 1）就像你正在做的那样在服务器端回显json_encode。 2）在我的ajax调用的成功方法中，我会有这个：

其中“column_data”基本上只是对应的数据值数组 到每一列。 DataTables 通过计数自动以这种方式添加数据 此数组中有多少个值并将每个值（列数据）推送到行 基于数组中的索引。 所以基本上你只需要确保你拥有的列数 等于此数组的大小，并确保在此数组中，您的数据 是按照您希望它显示的正确顺序。

$.ajax({
    url: "your_path",
    type: "post_or_get",
    success : function (resp){
        // would look something like ['val1','val2', 'etc']
        var column_data = $.parseJSON(resp);

        // adding data to datatables
        // if column_data is 1 row
        $('your_table_element').dataTable().fnAddData(column_data);

        // to add multiple rows (array of arrays, just loop)
        for (var j=0;j<=column_data.length-1;++j){
            // adding each row with its column data
            $('your_table_element').dataTable().fnAddData(column_data[j]);
        }
    },
    error: function(jqXHR, textStatus, ex) {
      console.log(textStatus + "," + ex + "," + jqXHR.responseText);
    }
});

所以在 PHP 中，您实际上并不需要返回数据是关联数组。这就是我目前正在实施的方式，对我来说效果很好。

注意：此方法的一个常见错误是返回数据数组的长度不等于您拥有的列数。所以确保它们是平等的。如果不是，您可能会从 DataTables 中看到一个错误，提示某列不存在等。