Tampil data dari combo box menggunakan jquery dan ajax

halo, saya baru belajar jquery sama ajax lewat youtube, trus mau coba buat tampil data pakai combo box. saya dah coba sesuai tutorial yang ada tapi masih tidak bisa tampil dari hasil cari.php

berikut codingannya: index.php

<form action="cari.php" method="post">
         <select name="kamar">
              <option value="regular single">Regular Single Rp 99.000</option>
              <option value="regular double">Regular Double Rp 120.000</option>
              <option value="family single">Family Single Rp 127.500</option>
              <option value="family double">Family Double Rp 150.000</option>
              <option value="vip single">V.I.P Single Rp 170.000</option>
              <option value="vip double">V.I.P Double Rp 200.000</option>
         </select>
         <input type="submit" value="submit" name="submit">
    </form>
    <br>

    <div id="tampil"></div>
    <script>
         $(document).ready(function(){
              loadData();

              $('form').on('submit', function(e)
              {
                   e.preventDefault();
                   $.ajax({
                      type: $(this).attr('method'),
                      url: $(this).attr('action'),
                      data: $(this).serialize(),
                      success:function(){
                           loadData();
                      },
                   });
              })
         })

         function loadData(){
              $.get("tampil3.php", function(data){
                   $("#tampil").html(data)
              })
         }
    </script>

ini untuk cari.php

<?php
     include "koneksi.php";
     $jenis = $_POST['kamar'];
     $sql= "select * from kamar where jkamar = '$jenis' ";
     $result = mysqli_query($conn, $sql);
?>
<table cellpadding=2 cellspacing=2>
     <?php
          if(mysqli_num_rows($result) > 0)
          {
               while ($data = mysqli_fetch_array($result))
               {
               ?>
               <tr><?php echo $data['nokamar']; ?></tr>
          <?php
               }
          }
          else
          {
               echo "no more data!";
          }
     ?>
</table>

ini codingan untuk tampil3.php, untuk menampilkan semua data dari database

<?php
     include "koneksi.php";
     $sql= "select * from kamar";
     $result = mysqli_query($conn, $sql);
?>
<table border=1 cellpadding=2 cellspacing=2>
     <?php
          if(mysqli_num_rows($result) > 0)
          {
               while ($data = mysqli_fetch_array($result))
               {
               ?>
               <tr>
                    <td><?php echo $data['nokamar']; ?></td>
               </tr>
          <?php
               }
          }
          else
          {
               echo "no more data!";
          }
     ?>
</table>

avatar danieltan
@danieltan

1 Kontribusi 0 Poin

Dipost 4 tahun yang lalu

Belum ada Jawaban. Jadi yang pertama Jawaban

Login untuk ikut Jawaban