Bạn sẽ muốn sử dụng AJAX để gọi một tập lệnh php từ trang của mình và sau đó sử dụng tập lệnh php để truy vấn cơ sở dữ liệu của bạn và để lặp lại kết quả trở lại trang.
Tôi sẽ sử dụng jQuery cho ví dụ này vì nó tiết kiệm được rất nhiều dòng, bạn nên kiểm tra nếu chưa có.
<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>
Sau đó, tập lệnh php của bạn (có tên phải khớp với tên trong trường "url" của lệnh gọi ajax (trong trường hợp này, nó phải được đặt tên là "searchOccupation.php") sẽ giống như sau:
<?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
}
?>
Phần echo của php script là phần gửi dữ liệu trở lại "thành công:hàm (dữ liệu)" của javascript, vì vậy hãy echo bất kỳ trường nào bạn muốn trên trang như trên.
Chỉnh sửa:Hơi hiểu sai ý bạn, ajon ở trên có lẽ là thứ bạn cần.
