Anda akan ingin menggunakan AJAX untuk memanggil skrip php dari halaman Anda dan kemudian menggunakan skrip php untuk menanyakan database Anda dan untuk menggemakan hasilnya kembali ke halaman.
Saya akan menggunakan jQuery untuk contoh ini karena menghemat banyak baris, Anda harus memeriksanya jika Anda belum melakukannya.
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script type="text/javascript">
function searchOccupation () {
$.ajax({
url: "searchOccupation.php?search=" + $('#searchTxt').attr('value'),
success: function (data) {
alert(data);
}
});
}
</script>
</head>
<body>
<input type="text" id="searchTxt">
<input type="button" value="Search" id="searchBtn" onclick="searchOccupation()">
</body>
Kemudian skrip php Anda (yang namanya harus sesuai dengan yang ada di bidang "url" dari panggilan ajax (dalam hal ini harus dinamai "searchOccupation.php") akan terlihat seperti ini:
<?php
$searchTxt = $_GET['search'];
mysqli_report(MYSQLI_REPORT_ERROR | MYSQLI_REPORT_STRICT);
$con = new mysqli('server', 'user', 'password', 'database');
$sql = "SELECT * FROM tableName WHERE occupation = ?";
$stmt = $con->prepare($sql);
$stmt->bind_param('s', $searchTxt);
$stmt->execute();
$result = $stmt->get_result();
while($row = $result->fetch_assoc()) {
echo $row['firstName']; //This sends data back to the page
}
?>
Bagian gema dari skrip php adalah yang mengirim data kembali ke "success:function (data)" dari javascript, jadi gema bidang mana pun yang Anda inginkan pada halaman seperti di atas.
Sunting:Sedikit salah paham apa yang Anda maksud, ajon di atas mungkin yang Anda butuhkan.
