Salam...Kali ini saya akan berbagi sedikit contoh mengambil informasi data dari database menggunakan ajax.Seperti biasa langkah pertama kita buat database dulu.Contoh :nama database : latihanbuat satu tabel dengan nama : negara , isi tabel tersebut dengan data di bawah ini :Setelah data masuk, langkah selanjutnya kita buat file koneksi.php dengan script seperti di bawah ini :<?php
$host = "localhost";
$user = "root";
$pass = "";
$dbnm = "latihan";
$conn = mysql_connect($host, $user, $pass);
if($conn){
$connect = mysql_select_db($dbnm);
if(!$connect){
die("Database tidak dapat dibuka");
}
}else{
die("Server MySql tidak terhubung");
}
?>Lalu buat file dengan nama negara.php<html>
<head>
<style>
table {
width: 50%;
border-collapse: collapse;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
}
table, td, th {
border: 1px solid black;
padding: 5px;
}
th {
text-align: left;
background-color:#999;
}
</style>
</head>
<body>
<?php
include "koneksi.php";
$q = $_GET['q'] ;
$query = "SELECT * FROM negara WHERE id_negara='".$q."'";
$result = mysql_query($query);
echo "<table>
<tr>
<th>Id Negara</th>
<th>Nama</th>
<th>Ibukota</th>
<th>Benua</th>
</tr>";
while($row = mysql_fetch_array($result)) {
echo "<tr>";
echo "<td>" . $row['id_negara'] . "</td>";
echo "<td>" . $row['nama'] . "</td>";
echo "<td>" . $row['ibukota'] . "</td>";
echo "<td>" . $row['benua'] . "</td>";
echo "</tr>";
}
echo "</table>";
?>
</body>
</html>Lalu buat file dengan nama get.php untuk memanggil fungsi ajaxnya :<?php
include "koneksi.php";
$query = "SELECT * FROM negara";
$result = mysql_query($query);
?>
<html>
<head>
<script>
function showUser(str) {
if (str == "") {
document.getElementById("tabel_negara").innerHTML = "";
return;
} else {
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else {
// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("tabel_negara").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET","negara.php?q="+str,true);
xmlhttp.send();
}
}
</script>
</head>
<body>
<form>
Negara : <select name="users" onchange="showUser(this.value)">
<option value="">Pilih Negara:</option>
<?php
while ($data = mysql_fetch_array($result)) {
?>
<option value="<?php echo $data['id_negara']; ?>">
<?php echo $data['nama']; ?></option>
<?php
}
?>
</select>
</form>
<br>
<div id="tabel_negara"><b>Data Negara akan tampil disini....</b></div>
</body>
</html>Dari script di atas hal pertama yang harus kita cek adalah str terisi atau tidak. Jika ada data yang dipilih, maka str akan terisi dan mengaktifkan tabel_negara dengan parameter q yang ditambahkan ke URL dari isi daftar dropdown.Hasilnya :Semoga bermanfaat :)
Update Contact :
No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email : Fajarudinsidik@gmail.com
No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email: Fajarudinsidik@gmail.com
atau Kirimkan Private messanger melalui email dengan klik tombol order dibawah ini :
