使用php和javascript实现搜索

时间:2018-04-24 06:48:14

标签: javascript php ajax search

您好我正在尝试为我的学校项目网站实施搜索功能。该网站的想法是啤酒网站电子商务。我想搜索一下我可以输入一些文本,并从数据库中获取包含其名称中输入文本的产品。

目前我正在做的是 search.php:

<?php
require_once __DIR__."/connect.php";

var_dump($_POST['txt']);

 $text = strip_tags(htmlspecialchars($_POST['txt']));

  $getName = $pdo->prepare("SELECT name FROM products WHERE name LIKE concat('%', :name, '%') ");

  $getName->execute(array('name' => $text));

  while ($names = $getName->fetch(PDO:: FETCH_ASSOC)){
      echo '<div>' .$names["name"]. '</div>';
  };
  ?>

search.js 文件:

$(document).ready(function () {

    $('#search_id').on('keyup', function (e) {
        $('#main_container').hide();
        let text = $(this).val();

        $.ajax({
            type: 'GET',
            url: 'search.php',
            data: 'txt=' + text,
            success: function (data) {
                $('#container_search').html(data).show();
            }

        })

    })

    });

目前,当我在搜索栏中输入内容时,我会收到以下错误:

  

注意:未定义索引:C:\ xampp \ htdocs \ BeerShop \ search.php中的txt   第4行NULL

     

注意:未定义索引:C:\ xampp \ htdocs \ BeerShop \ search.php中的txt   第6行asd(或我输入的文字)。

1 个答案:

答案 0 :(得分:0)

我在search.php中发现了我的问题,当我发送GET方法时,我正在使用$ _POST。