无法使用 Codeigniter 和 Ajax 填充 dataTable

Question

我已经阅读了一些关于 SO 的答案以及一些教程和关于 ajax/dataTables 的文档。我的 dataTable 仍然不会填充 JSON 数据。

HTML：

<table id="table" class="table table-striped table-bordered table-hover" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>Status</th>
                <th>Student Name</th>
                <th>Exam Name</th>
                <th>School</th>
                <th colspan="2">Action</th>
            </tr>
        </thead>

        <tfoot>
            <th>Status</th>
            <th>Student Name</th>
            <th>Exam Name</th>
            <th>School</th>
            <th colspan="2">Action</th>
        </tfoot>
</table>

Javascript：

<script type="text/javascript">

    $(document).ready(function() {

        // Datatables
        $('#table').DataTable({
            "url": "<?php echo site_url('exams/ajax_list'); ?>",
        });

    });

</script>

考试控制器中的 ajax_list PHP 函数：

public function ajax_list() {
    $list = $this->exam_model->get_datatables();
    $data = array();
    foreach ($list as $exam) {
        $row = array();
        $row[] = $exam->exam_status;
        $row[] = $exam->first_name . " " . $exam->last_name;
        $row[] = $exam->exam_name;
        $row[] = $exam->exam_school;

        $data[] = $row;
    }

    echo json_encode($data);
}

从导航到该方法时可以看到，json_encode 正确输出，但 dataTable 仍然为空。

我错过了什么吗？

Answer 1

好的，我终于让它工作了...感谢您给我机会玩这个，因为它对我来说是全新的。这有点麻烦，但和其他所有事情一样，结果很简单。

我没有在 CI 中进行设置，但这并不重要...

在苦读文档后，我想出了这个......

1.将“url”更改为“ajax”。 我会假设您使用的路径是正确的。将我拥有的变为你的。

<script type="text/javascript">
    $(document).ready(function () {
        // Datatables
        $('#table').DataTable({
            "ajax":  "./ajax_list.php" // change this to suit.

        });
    });
</script>

2。删除 th 标签中的 colspan="2"。 它不喜欢它，除非您使用我没有考虑过的其他选项...

3.最后将您的 json_encode 更改为...

echo json_encode(['data'=>$data]);

希望这能让你启动并运行......文档非常好，所以我建议好好回顾一下。