SOに関するいくつかのチュートリアルとajax/dataTablesに関するドキュメントをいくつかお答えしました。私のdataTableはまだJSONデータを入力しません。CodeigniterとAjaxでdataTableを取り込めません
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はまだ空です。
何か不足していますか?
ajax_listのパスをダブルチェックしましたか? – David