Jika kita bertanya kenapa harus pakai ajax kok nggak pake php aja untuk menampilkan data, nah dari pertanyaan tersebut cukup luas jawaban nya , karena tergantung sama si programer nya terkadang programer menggunakan ajax biar lebih keren , lebih waw .. lebih simple dll . ajax akan membuat applikasi atau website menjadi lebih interaktif ,simple dan memiliki kecepatan request yang cepat ke server . baiklah sekarang bagaimana menerapkan ajax ke database dan tentunya saya memerlukan batuan si server side php , oke pertama buat database anda dengan nama db_belajar dengan referensi sebagai berikut :
Nama tabel : ajax Field : id,nama ,kelas,alamat,jenis_kelamin setelah kita buat database dan table sesuai dengan referensi diatas maka buka code editor kesayangan kita dan tuliskan code berikut : <html> <head> <script> function namaUser(str) { if (str == "") { document.getElementById("txtHint").innerHTML = ""; return; } else { if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari xmlhttp = new XMLHttpRequest(); } else { // IE6, IE5 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { document.getElementById("txtHint").innerHTML = xmlhttp.responseText; } } xmlhttp.open("GET","ambilSiswa.php?q="+str,true); xmlhttp.send(); } } </script> </head> <body> <form> <select name="siswa" onchange="tampilSiswa(this.value)"> <option value="">Pilih Siswa:</option> <option value="1">Anwar Sofi</option> <option value="2">Try Mersianto</option> <option value="3">Suriadi</option> <option value="4">Tompel</option> </select> </form> <br> <div id="Muncul"><b>Nama siswa : </b></div> </body> </html> setelah selesai maka buat script phpnya dengan nama ambilSiswa.php <style> table { width: 100%; border-collapse: collapse; } table, td, th { border: 1px solid black; padding: 5px; } th {text-align: left;} </style> </head> <body> <?php $q = intval($_GET['q']); $con = mysqli_connect('localhost','root','','db_belajar'); if (!$con) { die('Tidak Terkoneksi: ' . mysqli_error($con)); } mysqli_select_db($con,"db_belajar"); $sql="SELECT * FROM ajax WHERE id = '".$q."'"; $result = mysqli_query($con,$sql); echo "<table> <tr> <th>Nama</th> <th>kelas</th> <th>Alamat</th> <th>Jenis Kelamin</th> </tr>"; while($row = mysqli_fetch_array($result)) { echo "<tr>"; echo "<td>" . $row['nama'] . "</td>"; echo "<td>" . $row['kelas'] . "</td>"; echo "<td>" . $row['alamat'] . "</td>"; echo "<td>" . $row['jenis_kelamin'] . "</td>"; echo "</tr>"; } echo "</table>"; mysqli_close($con); ?> oke selesai silahkan coba .... jika ada pertanyaan silahkan komentar dibawah ....
EmoticonEmoticon