javascript - 如何进行实时搜索(包括加载搜索)

Question

我有一个具有某些值的文本区域，我需要首先搜索它(onload)，然后如果我更改文本区域中写入的文本，我需要搜索新文本(如谷歌)，当文本区域为空时，我需要收到一些消息 现在我没有加载结果，当我尝试编辑文本时，我得到结果，但如果我将文本区域清空，我的表格就会满

function searchValue() {
    $("#search").on("input",function(){
    $search = $("#search").val();
        if($search.length!=0){
            $.get('search.php',{"s":$search},function($data){
                $("#results").html($data);
            });
        }
    });
 }

<?php
            $connection = new mysqli("localhost", "root", "root", 'google');
            $connection->query ("SET NAMES 'utf8'");
            $query="SELECT * FROM `googleSearchResult` WHERE `info` LIKE '%$_GET[s]%'";
            $data=$connection->query($query);
            while ($result = $data->fetch_assoc()){
                echo "<br><p><a href='".$result['url']."'style='color:#1a0dab !important; font-size:20px'>".$result['title']."</a></p>";
                echo "<p style='color:#006621 !important; font-size:17px'>".$result['url']."</p>";
                echo "<p style='color:#545454 !important; font-size:16px'>".$result['info']."</p>"."<br>";
            }
            $connection->close();
            ?>

<input class="textarea2" id='search' type="text" value="someValue">
                    <p id='results'></p>

Answer 1

也许也可以尝试添加“keyup”方法

  $("#search").keyup(function(){
       var search=$(this).val();
       if(search!==''){
           $.get('search.php',{"s":$search},function($data){
            $("#results").html($data);
       }

   });