daily pastebin goal
16%
SHARE
TWEET

Untitled

a guest Jul 22nd, 2018 67 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. </html>
  4. <head>
  5.     <title>Index</title>
  6.     <script type="text/javascript" src="js/jquery.js"></script>
  7. </head>
  8. <style type="text/css">
  9.     th,tr{
  10.         width: 200px;
  11.         text-align: center;
  12.     }
  13. </style>
  14. <body>
  15.     <form action="insert.php" enctype="multipart/form-data" id="upload" method="post">
  16.  
  17.         nis<input type="text" name="nis"><br><br>
  18.         nama<input type="text" name="nama"><br><br>
  19.         email<input type="text" name="email"><br><br>
  20.         gambar<input type="file" name="gambar"><br><br>
  21.         <input type="submit" name="simpan" id="simpan" value="simpan">
  22.         </form>
  23.         <input type="submit" name="update" onclick="update()" value="update">
  24.    
  25.    
  26.     <table>
  27.         <thead>
  28.             <tr>
  29.                 <th>Gambar</th>
  30.                 <th>Nis Siswa</th>
  31.                 <th>Nama</th>
  32.                 <th>Email</th>
  33.                 <th colspan="2">Aksi</th>
  34.             </tr>
  35.         </thead>
  36.         <tbody id="load-data">
  37.            
  38.         </tbody>
  39.     </table>
  40.     <script type="text/javascript">
  41.         load();
  42.         $(document).ready(function(e){
  43.             $('#upload').on('submit',function(e){
  44.                 console.log("sds");
  45.                 e.preventDefault();
  46.                 $.ajax({
  47.                     url :"insert.php",
  48.                     type :"POST",
  49.                     data:  new FormData(this),
  50.                     contentType: false,
  51.                     cache: false,
  52.                     processData:false,
  53.                     success: function(data)
  54.                     {
  55.                         load();
  56.                     $("#target").html(data);
  57.                     },
  58.                     error: function()
  59.                     {
  60.                     }    
  61.  
  62.                 });
  63.  
  64.             });
  65.  
  66.  
  67.         });
  68.  
  69.  
  70.  
  71.  
  72.         $(document).on('click','.update',function(){
  73.             var nis = $(this).attr("id");
  74.             console.log(nis);
  75.             $.ajax({
  76.                 type:"POST",
  77.                 data:"nis="+nis,
  78.                 url:"get.php",
  79.                 success: function(result){
  80.                 var o = JSON.parse(result);
  81.                 $("[name='nis']").val(o.nis);
  82.                 $("[name='nama']").val(o.nama);
  83.                 $("[name='email']").val(o.email);
  84.                 }
  85.             });
  86.  
  87.  
  88.         });
  89.  
  90.         $(document).on('click','.delete',function(){
  91.             var nis = $(this).attr("id");
  92.             console.log(nis);
  93.             $.ajax({
  94.                 type:"POST",
  95.                 data:"nis="+nis,
  96.                 url:"get.php",
  97.                 success: function(result){
  98.                 var o = JSON.parse(result);
  99.                 $("[name='nis']").val(o.nis);
  100.                 $("[name='nama']").val(o.nama);
  101.                 $("[name='email']").val(o.email);
  102.                 del();
  103.                 }
  104.             });
  105.  
  106.  
  107.         });
  108.  
  109.  
  110.     function load(){   
  111.         var data = $('#load-data');
  112.         data.html("");
  113.         $.ajax({
  114.             type : 'GET',
  115.             data : '',
  116.             url : 'tampil.php',
  117.             success:function(result){
  118.                 var results = JSON.parse(result);
  119.                 $.each(results,function(key,val){
  120.                     var newROw = $("<tr>");
  121.                             newROw.html("<td><img scr='media/"+val.gambar+"' width='100' height='100'></td><td>"+val.nis+"</td><td>"+val.nama+"</td><td>"+val.email+"</td><td><button class='update' id="+val.nis+" >Update</button></td><td><button class='delete' id="+val.nis+">Delete</button></td>");
  122.  
  123.                             data.append(newROw);
  124.  
  125.                 });
  126.                
  127.  
  128.             }
  129.  
  130.         });
  131.     }
  132.  
  133.    
  134.  
  135.     function update(){
  136.         var nis = $("[name='nis']").val();
  137.         var nama = $("[name='nama']").val();
  138.         var email = $("[name='email']").val();
  139.         $.ajax({
  140.             type:'POST',
  141.             data: "nis="+nis+"&nama="+nama+"&email="+email,
  142.             url : 'update.php',
  143.             success:function(results){
  144.                 console.log("ha");
  145.                 load();
  146.  
  147.             }
  148.  
  149.         });
  150.  
  151.     }
  152.  
  153.     function del(){
  154.         var nis = $("[name='nis']").val();
  155.         $.ajax({
  156.             type:'POST',
  157.             data: "nis="+nis,
  158.             url : 'delete.php',
  159.             success:function(results){
  160.                 console.log("ha");
  161.                 load();
  162.  
  163.             }
  164.  
  165.         });
  166.  
  167.     }
  168.  
  169.  
  170.     function insert(){
  171.         var nis = $("[name='nis']").val();
  172.         var nama = $("[name='nama']").val();
  173.         var email = $("[name='email']").val();
  174.         var gambar = $("[name='gambar']").val();
  175.         $.ajax({
  176.             type:'POST',
  177.             data: "nis="+nis+"&nama="+nama+"&email="+email+"&gambar="+gambar,
  178.             url : 'insert.php',
  179.             success:function(results){
  180.                 load();
  181.  
  182.             }
  183.  
  184.         });
  185.     }
  186.  
  187.     </script>
  188. </body>
  189. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top