अपडेट किया गया
आपको अपने डेटा की जांच करनी चाहिए जो मान्य है और आपके डेटाबेस क्वेरी से कोई परिणाम है या नहीं, यदि कोई रिकॉर्ड नहीं है तो आप नहीं मिला डेटा संदेश प्रिंट कर सकते हैं। आपको $ExecQuery
के आउटपुट की जांच करनी चाहिए और if
. सेट करें उसके अनुसार शर्त। अब मुझे अपना आउटपुट और परिणाम दें, मुझे आशा है कि यह आपकी मदद करेगा।
AJAX.php अपडेट करें अंतिम अद्यतन अनुभाग
echo "<li onclick='fill(`".$Result['Name']."`)'>".$Result['Name']."</li>";
AJAX.php को पूरा करें
<?php
//Including Database configuration file.
include "db.php";
//Getting value of "search" variable from "script.js".
if (isset($_GET['search'])) {
//Search box value assigning to $Name variable.
$Name = $_GET['search'];
//Search query.
$Query = "SELECT Name FROM search WHERE Name LIKE '$Name%' LIMIT 5";
//Query execution
$ExecQuery = MySQLi_query($con, $Query);
//Creating unordered list to display result.
if ($ExecQuery->num_rows > 0) {
echo "<ul>";
while ($Result = MySQLi_fetch_array($ExecQuery)) {
// use the onclick function that defined in js file. you can use the ` sign in js instead of ' if you needed.
echo "<li onclick='fill(`".$Result['Name']."`)'>".$Result['Name']."</li>";
}
echo "</ul>";
}else{
echo "<ul><li>No Result Found!</li></ul>";
}
}
die();
?>
और आपका अजाक्स कोड।
function fill(value) {
console.log(value);
$('#search').val(value);
$('#display').hide();
}
$(document).ready(function() {
//On pressing a key on "Search box" in "index.php" file. This function will be called.
$("#search").keyup(function() {
//Assigning search box value to javascript variable named as "name".
$('#display').hide();
$('#no-results').css("display", "none");
var name = $('#search').val();
//Validating, if "name" is empty.
if (name == "") {
//Assigning empty value to "display" div in "index.php" file.
$('#no-results').css("display", "block");
}
//If name is not empty.
else {
//AJAX is called.
$.ajax({
//AJAX type is "Post".
type: "GET",
//Data will be sent to "ajax.php".
url: "ajax.php",
//Data, that will be sent to "ajax.php".
data: {
//Assigning value of "name" into "search" variable.
search: name
},
//If result found, this funtion will be called.
success: function(html) {
if (html == '<ul><li>No Result Found!</li></ul>') {
$('#no-results').css("display", "block");
}else{
//Assigning result to "display" div in "index.php" file.
$("#display").html(html).show();
}
}
});
}
});
});
आवश्यकतानुसार अन्य भागों को बदलें।