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.

Pada dasarnya, ajax bekerja dengan mengirim permintaan ke server di belakang layar. Ketika permintaan tersebut dikirim, server memproses data dan mengembalikannya dalam format json. Setelah itu, javascript menampilkan hasilnya ke dalam elemen HTMLyang kamu tentukan. Karena berjalan secara Asynchronous, ajax mengeksekusi proses baru tanpa menunggu proses sebelumnya selesai. cara kerja ini membuat penggunaan bandwidth lebih efisien dan mempercepat interaksi pada aplikasi.

simple code menampilkan data berdasarkan id codeigniter ajax javascript.

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.