Update information (history)
JavaScript receives the results from the PHP script and dynamically updates the content of a div or table on your page. Core Code Example
function showResults(str) { if (str.length == 0) { document.getElementById("results").innerHTML = ""; return; } const xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { document.getElementById("results").innerHTML = this.responseText; } }; xmlhttp.open("GET", "search.php?q=" + str, true); xmlhttp.send(); } Use code with caution. Copied to clipboard
This example uses a simple database connection to fetch matching names.
query($sql); if ($result->num_rows > 0) { while($row = $result->fetch_assoc()) { echo " " . $row["name"] . " "; } } else { echo "No results found"; } $conn->close(); ?> Use code with caution. Copied to clipboard Why this is useful
Reduces server load by only fetching specific data instead of loading an entire list.





JavaScript receives the results from the PHP script and dynamically updates the content of a div or table on your page. Core Code Example
function showResults(str) { if (str.length == 0) { document.getElementById("results").innerHTML = ""; return; } const xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { document.getElementById("results").innerHTML = this.responseText; } }; xmlhttp.open("GET", "search.php?q=" + str, true); xmlhttp.send(); } Use code with caution. Copied to clipboard
This example uses a simple database connection to fetch matching names.
query($sql); if ($result->num_rows > 0) { while($row = $result->fetch_assoc()) { echo " " . $row["name"] . " "; } } else { echo "No results found"; } $conn->close(); ?> Use code with caution. Copied to clipboard Why this is useful
Reduces server load by only fetching specific data instead of loading an entire list.