带有 AJAX 的 MySQL 搜索框

Question

我遇到了一个小问题。 我想通过输入网站来查找名称。现在，所有记录都显示出来了。我想要的是他在输入内容后显示它。我不希望他立即展示所有内容。

这里有一些代码来了解它的样子。

FETCH.PHP

从数据库中获取所有内容

if(isset($_POST["query"]))
{
 $search = mysqli_real_escape_string($connect, $_POST["query"]);
 $query = "


   SELECT * FROM tbl_customer 
      WHERE website LIKE '%".$search."%'
      OR naam LIKE '%".$search."%' 
     ";
    }
    else
    {
     $query = "
  SELECT * FROM test ORDER BY id
     ";
    }
    $result = mysqli_query($connect, $query);
    if(mysqli_num_rows($result) > 0)
    {
 $output .= '
  <div class="table-responsive">
   <table class="table table bordered">
    <tr>
     <th>Website</th>
     <th>Naam</th>
    </tr>
 ';
 while($row = mysqli_fetch_array($result))
 {
  $output .= '
   <tr>
    <td>'.$row["website"].'</td>
    <td>'.$row["naam"].'</td>
   </tr>
  ';
 }
 echo $output;
}

INDEX.PHP

<div class="container">
   <br />
   <h2 align="center">Ajax Live Data Search using Jquery PHP MySql</h2><br />
   <div class="form-group">
    <div class="input-group">
     <span class="input-group-addon">Search</span>
     <input type="text" name="search_text" id="search_text" placeholder="Zoek door website" class="form-control" />
    </div>
   </div>
   <br />
   <div id="result"></div>

<script>
$(document).ready(function(){

 load_data();

 function load_data(query)
 {
  $.ajax({
   url:"fetch.php",
   method:"POST",
   data:{query:query},
   success:function(data)
   {
    $('#result').html(data);
   }
  });
 }
 $('#search_text').keyup(function(){
  var search = $(this).val();
  if(search != '')
  {
   load_data(search);
  }
  else
  {
   load_data();
  }
 });
});
</script>

Answer 1

为什么你在加载时调用函数load_data();。 这可能是问题

也将其从其他条件中删除