Du kommer att vilja använda AJAX för att anropa ett php-skript från din sida och sedan använda php-skriptet för att fråga i din databas och för att återskapa resultaten till sidan.
Jag kommer att använda jQuery för det här exemplet eftersom det sparar många rader, du bör kolla upp det om du inte redan 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>
Då kommer ditt php-skript (vars namn ska matcha det i "url"-fältet i ajax-anropet (i det här fallet ska det heta "searchOccupation.php") se ut så här:
<?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
}
?>
Echo-delen av php-skriptet är det som skickar data tillbaka till "framgång:funktion (data)" i javascriptet, så upprepa vilket fält du vill på sidan enligt ovan.
Edit:Missförstod lite vad du menade, ajons ovan är förmodligen vad du behöver.