Tutorial Belajar PHP – AJAX dan MySQL - Tutorial :MySQL PHP Terbaru

Tutorial Belajar PHP – AJAX dan MySQL

Pengertian AJAX

AJAX adalah suatu teknik dalam pemrograman web yang di rilis oleh designer dan programer. AJAX bisa akses data server yang dikirim melalui client via web lebih cepat dari pada proses yang biasanya. Di karenakan AJAX tidak perlu loading page(refresh page) atapun pindah ke halaman lain. AJAX dapat juga di hubungkan dengan server seperti ASP, JSP, PHP.

Tutorial membuat PHP – AJAX dan MySQL

Pertama buat dulu database dan tabel untuk nanti kita tampilkan dengan metode AJAX

Disini saya menggunkan contoh database dengan nama “prajuritdp” dan tabel dengan nama “user”

Tutorial Belajar PHP – AJAX dan MySQL

Kemudian buat file php dan isikan dengan kode di bawah ini. Simpan dengan nama index.php

<!DOCTYPE html>
<html>
<head>
<script>
function showUser(str) {
if (str=="") {
document.getElementById("txtHint").innerHTML="";
return;
}
if (window.XMLHttpRequest) {
xmlhttp=new XMLHttpRequest();
} else {
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4 && xmlhttp.status==200) {
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","getuser.php?q="+str,true);
xmlhttp.send();
}
</script>
</head>
<body>
<form>
<select name="users" onchange="showUser(this.value)">
<option value="">Pilih Level User:</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</form>
<br>
<div id="txtHint"></div>
</body>
</html>

Setalah itu kita buat file php yang akan memproses dari file php yang sudah kita buat tadi. Simpan dengan nama user.php

<!DOCTYPE html>
<html>
<head>
<style>
th {text-align: left;}
</style>
</head>
<body>
<?php
$q = intval($_GET['q']);
$con = mysqli_connect('localhost','root','','prajuritdb');
if (!$con) {
die('Could not connect: ' . mysqli_error($con));
}
mysqli_select_db($con,"ajax_demo");
$sql="SELECT * FROM user WHERE level = '".$q."'";
$result = mysqli_query($con,$sql);
echo "<table border='1'>
<tr>
<th>Id User</th>
<th>Password</th>
<th>Level</th>
<th>Nama</th>
<th>Kelamin</th>
</tr>";
while($row = mysqli_fetch_array($result)) {
echo "<tr>";
echo "<td>" . $row['id_user'] . "</td>";
echo "<td>" . $row['password'] . "</td>";
echo "<td>" . $row['level'] . "</td>";
echo "<td>" . $row['nama'] . "</td>";
echo "<td>" . $row['kelamin'] . "</td>";
echo "</tr>";
}
echo "</table>";
mysqli_close($con);
?>
</body>
</html>

Selanjutnya jalankan file index.php dengan localhost pada browser.

Tutorial Belajar PHP – AJAX dan MySQL

Selamat mencoba dan semoga tutorial ini bermanfaat.
Jangan lupa baca artikel yang lain tentang PHP HTML MySQL!!!
Terima kasih atas kunjungannya.

Tutorial :MySQL PHP Terbaru

Top Ad unit 728 × 90

Tutorial Belajar PHP – AJAX dan MySQL