Postingan lainnya

Insert Dan Update Dengan Ajax

jadi saya punya 1 form yang ada dua input bertype submit simpan dan edit pertanyaan saya adalah kalau di klik simpan maka akan melakukan simpan dan edit akan melakukan edit,saya udah coba tapi belum bisa ??

 <p class="uk-text-right">
    <button class="uk-button uk-button-default uk-modal-close" type="button" >Cancel</button>
    <input type="submit" name="simpan" id="simpan" class="uk-button uk-button-primary" value="Simpan">
    <input type="submit" name="edit" id="edit" class="uk-button uk-button-primary"  value="Edit">
   </p>

script ajax

 <script type="text/javascript">
  $(document).ready(function(){
    //$('#edit').hide();
    $('#tambah').click(function(){
      $('#simpan').show();
      $('#edit').hide();
      $('#form-tambah').trigger("reset");
    });
    $('#form-tambah').on("submit", function(e){
      e.preventDefault();
      //var form = $('#form-tambah').serialize();
      $.ajax({
        type : 'post',
        url : '../function/tambah_bintang.php',
        data : new FormData(this),
        contentType : false,
        cache : false,
        processData : false,
        success : function(data){
          if (data == "ok") {
            swal('Berhasil', '', 'success');
            $('#form-tambah').trigger('reset');
            $("#table").load(" #table");
          }else {
            swal('Gagal', '', 'error');
            console.log(data);
          }
        }
      });
    });
    $('.edit').click(function(){
      var kode_bintang = $(this).attr("id");
      //var kode_bintang = "md"+kode;
      $.ajax({
        type : 'post',
        data : {kode_bintang:kode_bintang},
        dataType : 'json',
        url : '../function/edit.php',
        success : function(data){
          $('#kode_bintang').val(data.kode_bintang);
          $('#nama').val(data.nama);
          $('#tgl_lahir').val(data.tgl_lahir);
          $('#jk').val(data.jk);
          $('#local').val(data.local);
          $('#edit').show();
          $('#simpan').hide();
        }
      });
    });
  });
</script>

script proses

 <?php
 //die();
 require_once 'umum.php';
 require_once 'function.php';
 $kode_bintang = isset($_POST['kode_bintang']) ? escape($_POST['kode_bintang']):'';
 $nama = isset($_POST['nama']) ? escape($_POST['nama']):'';
 $tgl_lahir = isset($_POST['tgl_lahir']) ? escape($_POST['tgl_lahir']):'';
 $jk = isset($_POST['jk']) ? escape($_POST['jk']):'';
 $local = isset($_POST['local']) ? escape($_POST['local']):'';
 if (isset($_POST['simpan'])) {
   $query = mysqli_query($koneksi, "INSERT INTO bintang VALUES ('$kode_bintang','$nama','$tgl_lahir','$jk','$local',null,null)");
   if ($query) {
     echo "insert";
   }else {
     echo "no";
   }
 }else {
    $query = mysqli_query($koneksi, "UPDATE bintang SET nama='$nama', tgl_lahir='$tgl_lahir', jk='$jk', local='$local' WHERE kode_bintang='$kode_bintang'");
    if ($query) {
      echo "edit";
    }else {
      echo "noe";
    }
 }
 ?>

php jquery ajax

@satriodwi

43 Kontribusi 1 Poin

Diperbarui 6 tahun yang lalu

2 Jawaban:

coba tambah input hidden

 <input type="hidden" name="metode" id="metode">

lalu tambah click di jquery

  $('#simpan').click(function () {
            $('#metode').val(0);
        });
        $('#edit').click(function () {
            $('#metode').val(1);
        });

terakhir kasih kondisi pass submit

 $('#form-tambah').on("submit", function(e){
      e.preventDefault();
if ($('#metode').val()==0){
// ajax save
}
else
{
// ajax edit
}
});

@vreallyla

14 Kontribusi 1 Poin

Dipost 6 tahun yang lalu

ribet amat. . di form nya ksh ini aj

<input type='hidden' id='ID' name='ID'>

di php nya

$id = $_POST['ID'];
 if($id == ''){
   insert database
}else{
   update ke database
}

ajaxnya ini aja

 $('#form-tambah').on("submit", function(e){
      e.preventDefault();
      //var form = $('#form-tambah').serialize();
      $.ajax({
        type : 'post',
        url : '../function/tambah_bintang.php',
        data : new FormData(this),
        contentType : false,
        cache : false,
        processData : false,
        success : function(data){
          if (data == "ok") {
            swal('Berhasil', '', 'success');
            $('#form-tambah').trigger('reset');
            $("#table").load(" #table");
          }else {
            swal('Gagal', '', 'error');
            console.log(data);
          }
        }
      });
    });

@kunto20

13 Kontribusi 8 Poin

Dipost 6 tahun yang lalu