Hiển thị “Không tìm thấy kết quả phù hợp” hoặc ẩn kết quả DIV (AJAX &MySQL)

Đã cập nhật

bạn nên kiểm tra dữ liệu của mình có hợp lệ không và bạn có bất kỳ kết quả nào từ truy vấn cơ sở dữ liệu của mình hay không, nếu không có bản ghi thì bạn có thể in thông báo dữ liệu không tìm thấy. bạn nên kiểm tra kết quả đầu ra của $ExecQuery và đặt if điều kiện theo điều kiện đó. gửi cho tôi ngay bây giờ đầu ra và kết quả của bạn, tôi hy vọng điều này sẽ giúp bạn.

Cập nhật ajax.php Phần cập nhật lần cuối

echo "<li onclick='fill(`".$Result['Name']."`)'>".$Result['Name']."</li>";

Hoàn thành 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();
?>

và mã ajax của bạn.

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();
             }

           }
       });
   }
 });
 });

thay đổi các bộ phận khác khi bạn cần.