Блог

Я получил простой скрипт ajax live search, который отлично работает, когда я ввожу ключевое слово в свой URL и посещаю файл 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'] amp;amp; !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;
    };
?>
  

Когда я использую сетевой инспектор, я не вижу ничего опубликованного при вводе в поле ввода. Как должно быть в случае с keyup, верно?