MINI

files >> C:/siak/TOOL SIAK/tool9/restore1/view/flag_wni.php
 <head>
    <title>GET DATA with AJAX</title>
    <link rel="stylesheet" type="text/css" href="lib/sweet/sweetalert.css">
<script type="text/javascript" src="./lib/sweet/sweetalert.min.js"></script>
    <script src="./lib/js/jquery-2.2.4.min.js"></script> 
    <!-- Load library jquery -->

   <!--  <script src="process.js"></script>  Load file process.js -->
</head>




<script type="text/javascript">

function search(){
  $("#loading").show(); // Tampilkan loadingnya
  
  $.ajax({
        type: "POST", // Method pengiriman data bisa dengan GET atau POST
        url: "./asset/search.php", // Isi dengan url/path file php yang dituju
        data: {nik : $("#nik").val()}, // data yang akan dikirim ke file proses
        dataType: "json",
        beforeSend: function(e) {
            if(e && e.overrideMimeType) {
                e.overrideMimeType("application/json;charset=UTF-8");
            }
    },
    success: function(response){ // Ketika proses pengiriman berhasil
            $("#loading").hide(); // Sembunyikan loadingnya
            
            if(response.status == "success"){ // Jika isi dari array status adalah success
              swal("Data Ketemu Eyaa");
        $("#nama_masyarakat").val(response.nama); // set textbox dengan id nama
        $("#nik").val(response.nik);
        $("#tmpt_lhr").val(response.tmpt_lhr);
        $("#descrip").val(response.descrip); // set textbox dengan id jenis kelamin
        $("#tgl_lhr").val(response.tgl_lhr); // set textbox dengan id telepon
        $("#nagari").val(response.nagari); // set textbox dengan id telepon
        $("#kecamatan").val(response.kecamatan); // set textbox dengan id telepon
        $("#ktp").val(response.ktp);
        $("#cacat").val(response.cacat);
        $("#alamat").val(response.alamat);

          $("#nama_masyarakats").val(response.nama); // set textbox dengan id nama
        $("#niks").val(response.nik);
        $("#tmpt_lhrs").val(response.tmpt_lhr);
        $("#descrips").val(response.descrip); // set textbox dengan id jenis kelamin
        $("#tgl_lhrs").val(response.tgl_lhr); // set textbox dengan id telepon
        $("#nagaris").val(response.nagari); // set textbox dengan id telepon
        $("#kecamatans").val(response.kecamatan); // set textbox dengan id telepon
        $("#ktps").val(response.ktp);
        $("#cacats").val(response.cacat);
        $("#alamats").val(response.alamat);
         $("#flag").val(response.flag);


     $("#image").val(response.image); // set textbox dengan id alamat
      } else if (response.status == "sudah") {
        swal("Flag Sudah NOL eyaa");

      } else if (response.status == "pindah") {
        swal("Penduduk Sudah Pindah");

      } else if (response.status == "mati") {
        swal("Penduduk Sudah Meninggal");

      }

      else{ // Jika isi dari array status adalah failed
        swal("Data Tidak Ditemukan");
      }
    },
        error: function (xhr, ajaxOptions, thrownError) { // Ketika ada error
      swal(xhr.responseText);
        }
    });
}

</script>

<script type="text/javascript">

$(document).ready(function(){
  $("#loading").hide(); // Sembunyikan loadingnya
  
    $("#btn-search").click(function(){ // Ketika user mengklik tombol Cari
        search(); // Panggil function search
    });
    
    $("#nis").keyup(function(){ // Ketika user menekan tombol di keyboard
    if(event.keyCode == 13){ // Jika user menekan tombol ENTER
      search(); // Panggil function search
    }
  });
});

</script>



<div class="tab-content ">
<div class="active tab-pane">
<!-- Post -->
<div class="post">
<div class="box-body">
  <form class="form-horizontal" method="post" action="./asset/proses.php">
              <div class="form-group">
                
            <label for="inputName" class="col-sm-2 control-label">Masukan NIK 
            </label>
      
      <table width="590">
              <tr>
      <td width="230">
                        
                      <input  size="35" maxlength="35" type="text" placeholder="Masukan N I K" name="nik" id="nik" class="form-control"  required>
             </td>
             <td width="348"> <button class="btn btn-success" type="button" id="btn-search">Cari</button> <span id="loading">LOADING...</span></td>
                  
                  </button>
       </td>
       </tr>
       </table>
           
              </div>
      

              <div class="form-group">
                <label for="inputTelp" class="col-sm-2 control-label">Nama</label>
                <div class="col-sm-10">
                  <div class="input-group">
                      <div class="input-group-addon">
                        <i class="glyphicon glyphicon-user"></i>
                      </div>
                      <input type="text" placeholder="nama masyarakat" name="nama_masyarakats" id="nama_masyarakats" class="form-control"  disabled>
                      <input type="hidden" placeholder="nama masyarakat" name="nama_masyarakat" id="nama_masyarakat" class="form-control"  required>

                      
                <input type="hidden" name="user" value="<?php echo $_SESSION['user_coklit'] ?>" />
                     
                    </div><!-- /.input group -->
                </div>
              </div>
        
      
         
          <div class="form-group">
                <label for="inputTelp" class="col-sm-2 control-label">Tempat Lahir</label>
                <div class="col-sm-10">
                  <div class="input-group">
                      <div class="input-group-addon">
                        <i class="glyphicon glyphicon-map-marker"></i>
                      </div>
                      <input type="text" placeholder="tempat lahir" name="tempat_lahirs" id="tmpt_lhrs" class="form-control"  disabled>
                       <input type="hidden" placeholder="tempat lahir" name="tempat_lahir" id="tmpt_lhr" class="form-control"  >
                    </div><!-- /.input group -->
                </div>
              </div>

             



              <div class="form-group">
                <label for="inputTelp" class="col-sm-2 control-label">Tanggal Lahir</label>
                <div class="col-sm-4">
                  <div class="input-group">
                      <div class="input-group-addon">
                        <i class="glyphicon glyphicon-calendar"></i>
                      </div>
                      <input type="text" placeholder="tanggal lahir" name="tgl_lahirs" id="tgl_lhrs" class="form-control"  disabled>
                      <input type="hidden" placeholder="tanggal lahir" name="tgl_lahir" id="tgl_lhr" class="form-control"  >
                    </div><!-- /.input group -->
                </div>
              </div>
        
        <div class="form-group">
                <label for="inputTelp" class="col-sm-2 control-label">Pekerjaan</label>
                <div class="col-sm-6">
                  <div class="input-group">
                      <div class="input-group-addon">
                        <i class="glyphicon glyphicon-lock"></i>
                      </div>
                      <input type="text" placeholder="Pekerjaan" name="pekerjaans" id="descrips" class="form-control"  disabled >
                      <input type="hidden" placeholder="Pekerjaan" name="pekerjaan" id="descrip" class="form-control"   >
                    </div><!-- /.input group -->
                </div>
              </div>


               <div class="form-group">
                <label for="inputTelp" class="col-sm-2 control-label">Alamat</label>
                <div class="col-sm-6">
                  <div class="input-group">
                      <div class="input-group-addon">
                        <i class="glyphicon glyphicon-road"></i>
                      </div>
                      <input type="text" name="alamats" class="form-control" id="alamats" placeholder='Alamat ' disabled >
                      <input type="hidden" name="alamat" class="form-control" id="alamat" placeholder='Alamat '  >
                    </div><!-- /.input group -->
                </div> 
                </div>

           <div class="form-group">
                <label for="inputTelp" class="col-sm-2 control-label">Nagari</label>
                <div class="col-sm-6">
                  <div class="input-group">
                      <div class="input-group-addon">
                        <i class="glyphicon glyphicon-road"></i>
                      </div>
                      <input type="text" placeholder="Nagari" name="nagaris" id="nagaris" class="form-control"   disabled>
                      <input type="hidden" placeholder="Nagari" name="nagari" id="nagari" class="form-control"   >
                    </div><!-- /.input group -->
                </div>
              </div>


            


  
             <div class="form-group">
                <label for="inputTelp" class="col-sm-2 control-label">Kecamatan</label>
                <div class="col-sm-6">
                  <div class="input-group">
                      <div class="input-group-addon">
                        <i class="glyphicon glyphicon-lock"></i>
                      </div>
                      <input type="text" placeholder="Kecamatan" name="kecamatans" id="kecamatans" class="form-control" disabled  >
                      <input type="hidden" placeholder="Kecamatan" name="kecamatan" id="kecamatan" class="form-control"   >
                    </div><!-- /.input group -->
                </div>
              </div>


              <div class="form-group">
                <label for="inputTelp" class="col-sm-2 control-label">Flag Status</label>
                <div class="col-sm-6">
                  <div class="input-group">
                      <div class="input-group-addon">
                        <i class="glyphicon glyphicon-flag"></i>
                      </div>
                      <input type="text" placeholder="Flag Status" name="flag" id="flag" class="form-control"   >
                      <!-- <input type="hidden" placeholder="Kecamatan" name="kecamatan" id="kecamatan" class="form-control"   > -->
                    </div><!-- /.input group -->
                </div>
              </div>



           
              
     

        



            


              <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                  <button type="submit" class="btn btn-warning" name="add_flag">Simpan</button>
                  <button type="reset" class="btn btn-danger" name="add_coklit">Reset</button>
                </div>
              </div>



         


            </form>

           



         


</div>
</div>
</div>
</div>