У меня проблема с
async: false
Эта ошибка появляется в отладчике Firefox.
Я хочу отобразить данные в базе данных в DataTable на мой взгляд;Я использую codeigniter Framework и использую ajax для отображения данных, но появятся данные, которые я показываю в var_dump
, что приводит меня в замешательство, почему они не отображаются в моих DataTable
.
Где моя ошибка?
это строка кода на мой взгляд
<div class="card">
<div class="card-header">
Tabel Data Inventaris Perlengkapan
</div>
<div class="card-body">
<table id="example" class="table table-striped table-bordered" style="width:100%">
<thead>
<tr>
<th>No</th>
<th width=150px>Kode Barang</th>
<th width=150px>Nama Barang</th>
<th width=150px>Jumlah</th>
<th width=150px>Status</th>
<th width=150px>Tanggal Pembelian</th>
<th width=150px>Satuan</th>
<th width=150px>Harga</th>
<th width=150px>Asal Dana</th>
<th width=150px>Keterangan</th>
</tr>
</thead>
<tbody id="show_data">
</tbody>
</table>
<!-- <button type="button" class="btn btn-outline-success">Tambah Barang</button> -->
</div>
</div>
</div>
</div>
</div>
<script>$(document).ready(function() {
tampil_perlengkapan();
$('#example').dataTable({
'paging': true,
'lenghtChange': true,
'searching': true,
'ordering': true,
'info': true,
'autoWidth': true,
'scrollx': true
//'coloumnDefs': [{
// "width": "90",
// "targets": 1
//}]
});
function tampil_perlengkapan() {
$.ajax({
type: 'ajax',
url: '<?= base_url() ?>admin/tampil_data_perlengkapan',
async: false,
dataType: 'json',
success: function(data) {
var html = '';
var i;
for (i = 0; i < data.lenght; i++) {
html += '<tr>' +
'<td>' + i + '</td>' +
'<td>' + data[i].id_barang + '</td>' +
'<td>' + data[i].nama_barang + '</td>' +
'<td>' + data[i].jumlah + '</td>' +
'<td>' + data[i].status + '</td>' +
'<td>' + data[i].tgl_beli + '</td>' +
'<td>' + data[i].satuan + '</td>' +
'<td>' + data[i].harga + '</td>' +
'<td>' + data[i].asal_dana + '</td>' +
'<td>' + data[i].keterangan + '</td>' +
'</tr>';
}
$('#show_data').html(html);
}
});
} });</script>