reload div

ini saya membuat live editable dengan jquery ajax data di database berhasil di edit tapi untuk perubahan data di tampilan table harus di reload manual saya sudah search di google tapi belum ketemu solusi

  <?php
 $title = "Barang";
 require_once '../template/header.php';
 require_once '../template/side_nav.php';
 $id = $_SESSION['id'];
 $query_barang = mysqli_query($koneksi, "SELECT * FROM barang WHERE id_penjual='$id'");
 ?>
 <div id="page-content-wrapper">
  <div class="container-fluid">
    <a href="" class="btn btn-secondary fa fa-bars" id="menu-toggle" style="margin-left:-20px;"></a>
    <table class="table table-bordered">
      <thead>
        <th>No</th>
        <th>Nama Barang</th>
        <th>Harga Satuan</th>
        <th>Stok</th>
        <th>Terjual</th>
        <th>Aksi</th>
      </thead>
      <tbody>
        <?php $no = 0; while ($data = mysqli_fetch_array($query_barang)) { $no++; ?>
          <tr>
            <td><?php echo $no ?></td>
            <td>
              <input type="text" class="id_barang<?php echo $data['id_barang'] ?>" name="id_barang" value="<?php echo $data['id_barang'] ?>" style="display:none;">
              <span id="nambar<?php echo $data['id_barang'] ?>"><?php echo $data['nama_barang'] ?></span>
              <input type="text" name="nama_barang" id="box-nama-barang<?php echo $data['id_barang'] ?>" class="form-control-d" value="<?php echo $data['nama_barang'] ?>" style="display:none;">
            </td>
            <td>
              <span id="harga<?php echo $data['id_barang'] ?>"><?php echo $data['harga_satuan'] ?></span>
              <input type="text" name="harga_satuan" id="box-harga-satuan<?php echo $data['id_barang'] ?>" class="form-control-d" value="<?php  echo $data['harga_satuan']?>" style="display:none;">
            </td>
            <td><?php echo $data['stok'] ?></td>
            <td><?php echo 0 ?></td>
            <td>
              <a id="<?php echo $data['id_barang']  ?>" class="btn btn-primary edit edit-baris<?php echo $data['id_barang'] ?>">Edit</a>
              <a id="<?php echo $data['id_barang'] ?>" class="btn btn-danger hapus hapus-baris<?php echo $data['id_barang'] ?>">hapus</a>
              <a id="<?php echo $data['id_barang'] ?>" class="btn btn-success  update update-baris<?php echo $data['id_barang'] ?>" style="display:none;">Save</a>
            </td>
          </tr>
        <?php } ?>
      </tbody>
    </table>
  </div>
 </div>
 <script>
   $(document).ready(function(){
     $('.edit').click(function(){
       var id = $(this).attr("id");
       $(".edit-baris"+id).fadeOut('normal');
       $(".hapus-baris"+id).fadeOut('normal');
       $(".update-baris"+id).fadeIn('normal');
       $("#nambar"+id).fadeOut('normal');
       $("#harga"+id).fadeOut('normal');
       $("#box-nama-barang"+id).fadeIn('normal');
       $("#box-harga-satuan"+id).fadeIn('normal');
     });

     $(".update").click(function(){
       var id = $(this).attr("id");
       var id_barang = $(".id_barang"+id).val();
       var nambar = $("input#box-nama-barang"+id).val();
       var harga = $("input#box-harga-satuan"+id).val();
       var trigger = "edit";
       $.ajax({
         type : "POST",
         url : "../function/proses_edit_barang.php",
         data : 'id_barang='+id_barang+ '&nama_barang='+nambar+'&harga_satuan='+harga,
         success : function(data){
           $(".edit-baris"+id).fadeIn('normal');
           $(".hapus-baris"+id).fadeIn('f');
           $(".update-baris"+id).fadeOut('normal');
           $("#nambar"+id).fadeIn('normal');
           $("#harga"+id).fadeIn('normal');
           $("#box-nama-barang"+id).fadeOut('normal');
           $("#box-harga-satuan"+id).fadeOut('normal');
           swal("","Berhasil","success");
         }
       });
     });

     $('#menu-toggle').click(function(e){
      e.preventDefault();
      $("#wrapper").toggleClass("toggled");
     });

   });

 </script>
avatar satriodwi
@satriodwi

43 Kontribusi 1 Poin

Diperbarui 6 tahun yang lalu

4 Jawaban:

Kalo mau cara gampang mah sisipin : location.reload(); di success ajaxnya. Tapi ini tetap pake reload, bedanya sama jquery. Kalo mau gak ada reload, pake ob_get_contents (php), ini caranya lumayan ribet. Kalo gak, ada cara update manual satu - persatu id datanya pake jquery. Kenapa gak dibuat modal form aja kalo updatenya lebih dari satu?

avatar beckbella
@beckbella

68 Kontribusi 38 Poin

Dipost 6 tahun yang lalu

mungkin gini gan caranya di tr nya tambahin class sama id..

 <tr class="contoh_<?= $data['id_barang']; "></tr>"

nah tinggal ente keluarin aja datanya langsung pake ajax..

jadi nanti cara keluarinnya kaya gini...

 $('.contoh_'+id).html(data);
avatar BadRabbit
@BadRabbit

149 Kontribusi 56 Poin

Dipost 6 tahun yang lalu

Pokoknya masalah coding diforum inilah solusinya

Suplierblindsjakarta.com merupakan http://suplierblindsjakarta.com/ yang terpercaya sebgai mitra yang tepat

avatar ariel2
@ariel2

1 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

bah isinya jualan mas bro huahaha

avatar BadRabbit
@BadRabbit

149 Kontribusi 56 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban