Я новичок в изучении серверной части dataTable.пожалуйста, объясните мне о коде dataTable на стороне сервера.я знаю, как работает серверная часть, но я не знаю, как кодировать?Пожалуйста, объясните мне.
У меня есть поиск в Google, и я получил код для AJAX, но я не знаю его серверной части dataTable или нет.когда я запускаю тот код, это заняло много времени.вопрос в том,
это мой код был на стороне сервера dataTable или нет?
Это мой модальный код:
<?php
class M_barang extends CI_Model
{
function barang_list()
{
$hasil = $this->db->query("SELECT * FROM villages");
return $hasil->result();
}
}
Это мой код контроллера:
<?php
class Barang extends CI_Controller
{
function __construct()
{
parent::__construct();
$this->load->model('m_barang');
}
function index()
{
$this->load->view('v_barang');
}
function data_barang()
{
$data = $this->m_barang->barang_list();
echo json_encode($data);
}
}
Это мой вид:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>List Barang</title>
<link rel="stylesheet" type="text/css" href="<?php echo base_url() . 'assets/css/bootstrap.css' ?>">
<link rel="stylesheet" type="text/css" href="<?php echo base_url() . 'assets/css/jquery.dataTables.css' ?>">
</head>
<body>
<div class="container">
<!-- Page Heading -->
<div class="row">
<h1 class="page-header">Data
<small>Barang</small>
</h1>
</div>
<div class="row">
<table class="table table-striped" id="mydata">
<thead>
<tr>
<td>#</td>
<th>ID</th>
<th>District ID</th>
<th>Kelurahan</th>
</tr>
</thead>
<tbody id="show_data">
</tbody>
</table>
</div>
</div>
<script type="text/javascript" src="<?php echo base_url() . 'assets/js/jquery.js' ?>"></script>
<script type="text/javascript" src="<?php echo base_url() . 'assets/js/bootstrap.js' ?>"></script>
<script type="text/javascript" src="<?php echo base_url() . 'assets/js/jquery.dataTables.js' ?>"></script>
<script type="text/javascript">
$(document).ready(function() {
tampil_data_barang(); //pemanggilan fungsi tampil barang.
$('#mydata').dataTable();
//fungsi tampil barang
function tampil_data_barang() {
$.ajax({
type: 'ajax',
url: '<?php echo base_url() ?>index.php/barang/data_barang',
async: false,
dataType: 'json',
success: function(data) {
var html = '';
var i;
var x = 0;
for (i = 0; i < data.length; i++) {
x++;
html += '<tr>' +
'<td>' + x + '</td>' +
'<td>' + data[i].id + '</td>' +
'<td>' + data[i].district_id + '</td>' +
'<td>' + data[i].name + '</td>' +
'</tr>';
}
$('#show_data').html(html);
}
});
}
});
</script>
</body>
</html>
, пожалуйста, покажите мне простую область данных dataTable на сервере или, если мой код был на стороне сервера?пожалуйста исправьте мой код.