Question

我有一个简单的ajax实时搜索脚本，当我在我的网址中键入关键字并访问php文件时，该脚本正常工作。但由于某种原因，当我在输入字段中输入关键字时，没有任何反应。

我做错了什么？

我在products.php上的输入字段：

<input type="search" name="keyword" class="producten-icon divider" placeholder="Zoeken..." id="s_search">

在页面的下方，我得到了结果div：

<div id="results"></div>

我的ajax脚本：

<script>
    $(document).ready(function () {
        $("#s_search").on('keyup',function () {
            var key = $(this).val();

            $.ajax({
                url:'includes/fetch_results.php',
                type:'GET',
                data:'keyword='+key,
                beforeSend:function () {
                    $("#results").slideUp('fast');
                },
                success:function (data) {
                    $("#results").html(data);
                    $("#results").slideDown('fast');
                }
            });
        });
    });
</script>

我的fetch_results.php：

<?php
    include 'connection.php';
    $conn = new Connection;
    if($_GET['keyword'] && !empty($_GET['keyword']))
    {
      //  Results names
      $results              = "SELECT `naam` FROM `producten` WHERE `naam` LIKE '%".$_GET['keyword']."%'";
      $resultscon           = $conn->query($results);
      $resultscr            = array();
      while ($resultscr[]   = $resultscon->fetch_assoc());
      $eend = @array_map('current', $resultscr);
      // echo '<pre>';
      // print_r($eend);
      // echo '</pre>';
      $resultsoverzicht .= '<div style="height:100%;border:10px solid red;">';
      foreach($eend as $result){
        $resultsoverzicht .= '
          <p>'.$result.'</p>';
      }
      $resultsoverzicht .= '</div>';
      echo $resultsoverzicht;
    };
?>

当我使用网络检查器时，在输入字段中输入时没有看到任何内容。密钥对应的情况应该是什么？

Ajax实时搜索结果未显示在我的页面上

0 个答案: