Ajax实时搜索没有输出

时间:2016-08-20 08:47:01

标签: javascript php jquery html ajax

您好我是php和jQuery的初学者所以如果我的问题很愚蠢,那么很抱歉。我一直在搜索ajax实时搜索,但在互联网上没有太多帮助...所以当我在输入框中输入内容时没有任何结果,所以我认为连接到数据库是一个问题但是有效精细。现在我真的不知道该怎么办,因为我的代码听起来不对(即使它不是:-))。如果有人能帮助我,那将非常感谢你。

以下是代码: HTML:

<!DOCTYPE html>
<html>
<head>
    <title>live search test</title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <script scr="jquery.js"></script>

    <script type="text/javascript">
      functon getNames(value) {
        $.post("fetch.php",{partialName:value},function(data)
          $("#results").html(data);
        });
      }

    </script>

</head>
<body>
    <h1>LIVE SEARCH WITH AJAX TEST</h1>
    <input type="text" onkeyup="getNames(this.value)">
    <br>
    <div id="results">

    </div>
</body>
</html>    

PHP:

<?php
mysql_connect("localhost","root","") or die(mysql_error());
mysql_select_db("smartphone")or die(mysql_error());


$partialName = $_POST['partialName'];

$names = mysql_query("SELECT name FROM smartphone WHERE name LIKE '%$partialName%'");
while ($name = mysql_fetch_array($names)) {
    echo"<div>".$name['name']."</div>";
}

?>

1 个答案:

答案 0 :(得分:0)

我认为如果你检查浏览器控制台工具,你会看到'$ is undefined'。

除非是本例,否则以下内容不正确:

<script scr="jquery.js"></script>

应该是:

<script src="jquery.js"></script>

还请将不安全的SQL查询切换为安全的PDO绑定参数样式,以避免被利用。