（Ajax 实时搜索）如何在搜索字段中输入任何内容之前显示所有表记录？

Question

所以我有所有这些代码都可以正常工作。 但它只在我开始在搜索字段中输入时显示表记录。 我希望在打开页面的那一刻默认所有记录都可见。 我知道这与 keyup function 有关，但是在我在搜索字段中输入任何内容之前，有没有办法让所有记录默认可见？

AJAX 实时搜索/输入代码

<input type="text" id="search">
<div class="table-container" id="output"></div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script type="text/javascript">
    $(document).ready(function(){
      $("#search").keyup(function(){
        $.ajax({
          type:'POST',
          url:'search.php',
          data:{
            name:$("#search").val(),
          },
          success:function(data){
            $("#output").html(data);
          }
        });
      });
    });
</script>

PHP 代码

$select = "SELECT * FROM info WHERE name LIKE '%".$_POST['name']."%'";
$result = mysqli_query($conn, $select);

if (mysqli_num_rows($result) > 0) {
  while ($row = mysqli_fetch_assoc($result)) {
    echo "
        //table code.. ";
  }

我希望它像过滤器搜索一样工作。

Answer 1

再写一个 ajax

$('#search').on('click',function(){
        $.ajax({
          type:'GET',
          url:'searchAll.php',
          success:function(data){
            $("#output").html(data);
          }
        });
    });

然后在 searchAll.php 文件中写入您的查询 php 代码。

注意：使用准备好的语句或 PDO 来防止 SQL 注入