实时显示搜索结果的AJAX和PHP

实时显示搜索结果的AJAX和PHP的解决方法可以采用以下步骤：

1. 创建HTML页面：

   <input type="text" id="search-input" onkeyup="showResults(this.value)">
   <div id="search-results"></div>
   

2. 创建JavaScript函数：

   function showResults(str) {
     if (str.length == 0) {
       document.getElementById("search-results").innerHTML = "";
       return;
     } else {
       var xmlhttp = new XMLHttpRequest();
       xmlhttp.onreadystatechange = function() {
         if (this.readyState == 4 && this.status == 200) {
           document.getElementById("search-results").innerHTML = this.responseText;
         }
       };
       xmlhttp.open("GET", "search.php?q=" + str, true);
       xmlhttp.send();
     }
   }
   

3. 创建PHP脚本（search.php）：

   <?php
   // 获取搜索关键字
   $q = $_GET['q'];
   
   // 连接数据库并执行查询
   $con = mysqli_connect('localhost', 'username', 'password', 'database');
   $sql = "SELECT * FROM search_table WHERE column_name LIKE '%$q%'";
   $result = mysqli_query($con, $sql);
   
   // 输出搜索结果
   if (mysqli_num_rows($result) > 0) {
     while ($row = mysqli_fetch_assoc($result)) {
       echo "<p>" . $row['column_name'] . "</p>";
     }
   } else {
     echo "No results found";
   }
   
   // 关闭数据库连接
   mysqli_close($con);
   ?>
   

这个解决方案使用AJAX来实现实时搜索结果的显示。当用户在搜索框中输入关键字时，JavaScript函数会调用PHP脚本进行查询，并将查询结果通过AJAX返回到页面上的指定元素中。PHP脚本接收到关键字后，连接数据库并执行查询操作，然后将结果返回给JavaScript函数，最后由JavaScript函数将结果显示在页面上。请确保根据实际情况修改数据库连接信息和查询语句。