Menampilkan data berdasarkan id codeigniter ajax javascript dengan mengunakan ajax pada website.
AJAX (Asynchronous Javascript And XML) memang memiliki kehandalan dalam mengakses data dari database, dikarenakan Asynchronous. Asynchronous langsung mengeksekusi proses baru tanpa menunggu proses sebelumnya selesai. Dengan begitu dapat menghemat bandwidth server.
simple code menampilkan data berdasarkan id dengan menggunakan ajax.
berikut source code :
<table class="table table-bordered table-striped table-hover dataTable" id="konversi-table"> <thead> <tr> <th>Satuan</th> <th>Isi</th> <th>Option</th> </tr> </thead> <tbody> <tr> <td> Meses </td> <td> <button type="button" class="btn btn-primary" onclick="konversi(<?php echo $value->kode_barang ?>);"></button> </td> </tr> </tbody> </table>
<table class="table table-bordered table-striped table-hover dataTable" id="konversi-table"> <thead> <tr> <th>Satuan</th> <th>Isi</th> <th>Option</th> </tr> </thead> <tbody id="show2"> </tbody> </table>
function konversi(str){ var kode = str; $.ajax({ method : "POST", url: "<?php echo base_url()?>admin/data_barang/konversi", data: {kode:kode}, dataType: "JSON", success: function(data){ console.log(data); var html = ""; for (var i = 0; i < data.length; i++) { html += '<tr>'+ '<td>'+data[i].satuan+'</td>'+ '<td>'+data[i].isi+'</td>'+ '<td><a data-id='+data[i].id+' data-barcode='+data[i].barcode+' data-satuan='+data[i].satuan+' data-isi='+data[i].isi+' id="editKon" class="btn btn-success btn-xs">Edit</a> <a onclick="deletekon('+data[i].id+', '+data[i].barcode+');" class="btn btn-danger btn-xs">Hapus</a></td>'+ '</tr>'; } $('#show2').html(html); } }) }
Code di atas saya ingin menampilkan konversi satuan berdasarkan id atau kode barang.
untuk url ajax bisa di sesuaikan dengan punya masing-masing.
Terima kasih.
Baca Juga : Crud tanpa reload ajax javascript