[英]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.