Saya punya sebuah file, katakanah file1.php, disitu terdapat kode ajax sederhana, namun saya hanya ingin menampilkan catatan saja dari tabel database Mysql.
Selain itu saya juga punya file lain, katakanlah file2.php, yang mana saya gunakan untuk mengambil catatan dari mysql. Dalam database cuman dua kolom saja yang ingin saya tampilkan yaitu 'Nama', 'Alamat'.
Bagaimanakah kode yang harus saya tuliskan agar kedua file tersebut dapat bekerja?
Penyelesaian
Untuk mengambil data menggunakan Ajax + jQuery, Anda harus menulis kode berikut:
<html>
<script type="text/javascript" src="jquery-1.3.2.js"> </script>
<script type="text/javascript">
$(document).ready(function() {
$("#display").click(function() {
$.ajax({ //create an ajax request to display.php
type: "GET",
url: "display.php",
dataType: "html", //expect html to be returned
success: function(response){
$("#responsecontainer").html(response);
//alert(response);
}
});
});
});
</script>
<body>
<h3 align="center">Manage Student Details</h3>
<table border="1" align="center">
<tr>
<td> <input type="button" id="display" value="Display All Data" /> </td>
</tr>
</table>
<div id="responsecontainer" align="center">
</div>
</body>
</html>
Untuk koneksi mysqli, tuliskan ini:
<?php
$con=mysqli_connect("localhost","root","");
if (!$con)
{
die('Could not connect: ' . mysqli_error());
}
?>
Untuk menampilkan data dari basis data, Kamu bisa menggunakan ini, agar lebih menarik kamu bisa modifikasi dengan css.
<?php
include("connection.php");
mysqli_select_db("samples",$con);
$result=mysqli_query("select * from student",$con);
echo "<table border='1' >
<tr>
<td align=center> <b>Roll No</b></td>
<td align=center><b>Name</b></td>
<td align=center><b>Address</b></td>
<td align=center><b>Stream</b></td></td>
<td align=center><b>Status</b></td>";
while($data = mysqli_fetch_row($result))
{
echo "<tr>";
echo "<td align=center>$data[0]</td>";
echo "<td align=center>$data[1]</td>";
echo "<td align=center>$data[2]</td>";
echo "<td align=center>$data[3]</td>";
echo "<td align=center>$data[4]</td>";
echo "</tr>";
}
echo "</table>";
?>
