Published July 03, 2019 by RIT

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 :
https://kursuswebdesign.org/cara-menampilkan-data-dari-database-dengan-ajax-jquery

, , ,

Comments: