Cara Menampilkan data dari database dengan Ajax JQuery Part 2 -

Untuk artikel kali ini saya akan melanjutkan cara menampilkan data dari database dengan Ajax JQuery Part 2 ,Â kenapa karena ada yang kurang dari artikel sebelumnya, jadi untuk teman-teman yang baru bergabung silahkan teman-teman lihat dulu ya artikel sebelumnya ya, di artikel sebelumnya saya sudah membuat sebuah artikel dimana di artikel sebelumnya saya sudah pernah membuat struktur HTMLnya dan jquer ajaxnya, tetapi untuk web servicenya belum ya, disini kita akan bahas.

Cara Menampilkan data dari database dengan Ajax JQuery Part 2

Jadi ketika kita menggunakan ajax jquery ya prosesnya di web service ini, jadi di dalam web service ini ada sebuah sql dan phpnya dimana, disitu lah data yang tadi di passing dari file index kita proses, dan nanti datanya kita akan tampilkan seperti itu, oiya untu sebuah koneksi sepertinya tidak usah saya tulis juga ya, karena teman-teman pasti sudah bisa, tetapi jika teman-teman ada yang belum bisa, cukup buat singkat saja koneksi nya seperti ini, juga bisa:

$koneksi = mysqli_connect('localhost', 'root', '', 'ajax_dmt');

1	$koneksi = mysqli_connect('localhost', 'root', '', 'ajax_dmt');

koneksi yang saya pakai cukup seperti ini.

Oke selanjutnya karena sebelumnya kita menggunakan web service dengan nama data.php silahkan teman-teman buat filenya, jika sudah silahkan isikan seperti ini:

<?php  
$koneksi = mysqli_connect('localhost', 'root', '', 'ajax_dmt');

if($_POST['type'] == 'view'){
	$query = mysqli_query($koneksi, "SELECT * FROM data_murid ORDER BY id DESC ");
	$no = 1;
	while 
		($row = mysqli_fetch_array($query)) {
		echo "<tr>
				<td>".$no."</td>
				<td>".$row['nama']."</td>
				<td>".$row['kursus']."</td>
				<td>".$row['alamat']."</td>
				<td>
				<button class='btn btn-danger deleteData'>DELETE</button>
				<button class='btn btn-success updateData'>UPDATE</button>
				</td>
		</tr>";
	$no++;
	}
}
?>

<?php

$koneksi = mysqli_connect('localhost', 'root', '', 'ajax_dmt');

if($_POST['type'] == 'view'){

$query = mysqli_query($koneksi, "SELECT * FROM data_murid ORDER BY id DESC ");

$no = 1;

while

($row = mysqli_fetch_array($query)) {

echo "<tr>

<td>".$row['kursus']."</td>

<td>".$row['alamat']."</td>

<td>

<button class='btn btn-danger deleteData'>DELETE</button>

<button class='btn btn-success updateData'>UPDATE</button>

</td>

</tr>";

$no++;

}

jadi disini nanti hasil data yang ada di database tampil semua, disini saya menambahkan sebuah tombol button update dan delete ya, biar sekalian saja, jadi fungsinya nanti untuk meng hapus dan meng update datanya, tentunya untuk form insert sudah saya tulis di struktur HTML nya, dan jika teman-teman berhasil akan mendapatkan hasil seperti ini.

semua data sudah tampil ya, dan disini saya juga menambahkan sebuah penomoran teman-teman bisa di lihat caranya di atas pada web servicenya, oke sekali lagi jika ada teman-teman ada yang baru bergabung lihat dulu artikel sebelumnya, supaya bisa nyambung kesini untuk artikel sebelumnya teman-teman bisa langsung klik disini, dan saya rasa cukup sampai disini artikel tentang cara menampilkan data dari database dengan Ajax JQuery Part 2, semoga bermanfaat dan sampai jumpa pada artikel selanjutnya terima kasih.

Cara Menampilkan data dari database dengan Ajax JQuery Part 2

Cara Menampilkan data dari database dengan Ajax JQuery Part 2

Facebook DUMET School

Categories