通过php和jquery在php中创建动态搜索

如何解决通过php和jquery在php中创建动态搜索

我想创建动态搜索框，这是我的代码，但是它不起作用？我不知道我的问题在哪里。我在youtube的vedio的一个站点上使用了此代码，效果很好。那没起效。 请帮助我。

        index.PHP

<div>
    <input type="text" name="search_customer" id="search_customer" >
</div>
    <div id="result_customer">
    </div>

<script>

$(document).ready(function (){
   $('#search_customer').onkeyup(function (){
       $txt=$(this).val();
      if (txt!='')
       {
           $.ajax({
              url:"action.PHP",method:"POST",data:{search1:txt}
               dataType:"text"
               success:function(data)
               {
                   $('#result_customer').html(data);
               }

           });
       }else
       {
        $('#result_customer').html('');

       }
   }) ;
});
</script>

这是action.PHP

    
            $Name=$_POST['search1'];
            $output='';
            $sql = "SELECT * FROM customers where name_customers like'$Name%'";
            $result = MysqLi_query($con,$sql);
            if (MysqLi_num_rows($result) > 0) {
                $output .= '<div >
                                <table>
                                    <tr>
                                        <th>id</th>
                                        <th>name</th>
                                    </tr>';

                while ($row = MysqLi_fetch_array($result)) {
                   echo "<option value='".$row['name_customers']."'>";
                 $output .= '<tr>
                                    <td>'.$row["id"].'</td>
                                    <td>'.$row["name_customers"].'</td>
                                    </tr>';

                }
                $output.='</table></div>';
                echo $output;

            } else {
                echo "Data not found";
            }

我的问题在哪里？