Du vil bruge AJAX til at kalde et php-script fra din side og derefter bruge php-scriptet til at forespørge i din database og til at ekko resultaterne tilbage til siden.
Jeg vil bruge jQuery til dette eksempel, fordi det sparer mange linjer, du bør tjekke det ud, hvis du ikke allerede har gjort det.
<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>
Så vil dit php-script (hvis navn skal svare til det i "url"-feltet i ajax-opkaldet (i dette tilfælde skal det hedde "searchOccupation.php") se sådan ud:
<?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
}
?>
Ekko-delen af php-scriptet er det, der sender data tilbage til "success:function (data)" i javascriptet, så ekko hvilket felt du vil have på siden som ovenfor.
Edit:Lidt misforstået hvad du mente, ajon's ovenfor er nok det du har brug for.