簡體   English   中英

Ajax實時搜索無輸出

[英]Ajax live search no output

您好,我是php和jQuery的初學者,所以如果我的問題很愚蠢,請盡早對不起。 我已經在ajax實時搜索中進行了很多搜索,但是在Internet上卻沒有太多幫助...因此,當我在輸入框中鍵入內容時,什么都沒有出現,因此我認為連接數據庫是一個問題,但是可以正常工作精細。 現在我真的不知道該怎么辦,因為我的代碼聽起來不錯(即使不是:-))。 如果有人可以幫助我,那將非常感謝。

以下是代碼: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>";
}

?>

我認為,如果您檢查瀏覽器控制台工具,將會看到“ $ is undefined”。

除非用於此示例,否則以下錯誤:

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

它應該是:

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

還要將不安全的SQL查詢切換為安全的PDO綁定參數樣式,以免被利用。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM