0

试图让我的实时搜索“正常”工作。当我输入“a”时，我在框下方的区域（如下拉菜单）中得到“aussie”和“australian”（不确定它们来自哪里，因为它们不在我的数据库中）。我可以选择其中之一，它会填充文本框。向我建议的代码使用我不熟悉的 mysqli。当我添加一个典型的 SELECT 语句时，我习惯于看到正确的数据（或多或少），但它是不可选择的。我说或多或少的原因是“a”像以前一样给了我“澳大利亚”和“澳大利亚”（在下拉菜单中）。添加“n”（即搜索“an”）为我提供了我的数据库中包含 DIV 中的字符串但不可选择的所有名称的列表。

索引.html

<!DOCTYPE html>
<html lang="en">
<head>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript"> 
        $(document).ready(function() {
            $("#faq_search_input").keyup(function() {
                var faq_search_input = $(this).val();
                var dataString = 'keyword='+ faq_search_input;

                if(faq_search_input.length>1) {
                    $.ajax({
                        type: "GET",
                        url: "ajax-search.php",
                        data: dataString,
                        success: function(server_response) {
                            document.getElementById("searchresultdata").style.display = "block";
                            $('#searchresultdata').html(server_response).show();
                        }
                    });
                } return false;
            });
        });
    </script>


</head>
<body>
    <div class="searchholder">
       <input  name="query" class="quicksearch" type="text" id="faq_search_input" />
       <div id="searchresultdata" class="searchresults" style="display:none;"> </div>
    </div>
</body>
</html>

ajax-search.php

<?php
    //you must define your database settings
    define("DB_HOST", "localhost");
    define("DB_USERNAME", "root");
    define("DB_PASSWORD", "");
    define("DB_NAME", "mydb");
    if(isset($_GET['keyword'])) {
        $search = new mysqli(DB_HOST, DB_USERNAME, DB_PASSWORD, DB_NAME);
        if ($search->connect_errno) {
            echo "Failed to connect to MySQL: (" . $search->connect_errno . ") " .     $search->connect_error;
            $search->close();
        }
        $keyword =  trim($_GET['keyword']) ;

        //original statement
        //$query ="SELECT COLUMN_NAME FROM ".DB_NAME.".INFORMATION_SCHEMA.COLUMNS WHERE COLUMN_NAME LIKE '%".$keyword."%'";

        //my edited statement
        //$query ="SELECT name FROM ".DB_NAME.".INFORMATION_SCHEMA.COLUMNS WHERE name LIKE '%".$keyword."%'";

        //basic sql statement
        $query ="SELECT name FROM users WHERE name LIKE '%".$keyword."%'";

        $values = $search->query($query);
        if( $search->error ) exit( $search->error ); 

        if($values->num_rows != 0) {
            while($row = $values->fetch_assoc()) { 
                echo $row['name']."<br>";
            } 
        }
        else {
            echo 'No Results for :"'.$_GET['keyword'].'"';
        }
    }
?>

数据库包含一个名为 users 的用户数据表，其中包含一个名为 name 的列。有什么想法吗？

4

1 回答 1

0

在此处的教程中找到使用的解决方案 http://www.htmlblog.us/jquery-autocomplete

于 2013-02-01T01:58:07.973 回答