Published July 03, 2019 by RIT with 0 comment

HOW TO LOAD DATA USING AJAX IN PHP

Assalamualaikum warohmatullohi wabarokatuh,
Wa alaikum salama warohmatullohi wabarokatuh,

cara menampilkan data dari database dengan ajax
load data php with ajax jquery

1 - buatlah file index.php
2 - buat file lagi dengan nama read_proses.php
3 - copy script dibawah ini sesuaikan dengan file index.php dan read_proses.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script type="text/javascript" src="jquery.js"></script>
 
    <div class="data_kita">
        <!-- DISINI AKAN MENAMPILKAN DATA DARI DB MYSQL -->
    </div>
 
<script type="text/javascript">
  $(document).ready(function(){
        app = {
            show: function(){
                $(".data_kita").load("read_proses.php",{type: 'view'}, function(response){
                    $('.data_kita').html(response);
                });
            }
        }
        app.show()
 
          });
 
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<?php 
 
$koneksi = mysqli_connect('localhost','root','','test'); 
$q  = 'SELECT * FROM tb_siswa';
$q2 = mysqli_query($koneksi, $q);
 
?>
 
<table border="1" class="data_kita">
    <tr bgcolor="yellow" align="center">
        <td>id</td>
        <td>NAME</td>
    </tr>
 
<?php while ( $row = mysqli_fetch_array($q2)) { ?>
    <tr>
        <td><?= $row['id']; ?></td>
        <td><?= $row['nama']; ?></td>
    </tr>
 
<?php } ?>
</table>

Terima Kasih
Thank's

TAG TAGS :
cara menampilkan data dari database dengan ajax | menampilkan data dari database | menampilkan data dengan ajax di php | Menampilkan Data dari Database dengan AJAX jQuery | load data with ajax | load data from database without refresh page | ajax retrieve data from database | HOW TO LOAD DATA USING AJAX IN PHP


BACA JUGA :
SOURCE :
      edit

0 comments:

Post a Comment