AJAX :为什么自动建议(给定)不起作用
AJAX : Why Autosuggest(given) is not working?
我从网上得到了插件并进行了一些必要的更改。但我认为PHP没有回应。
exp1.html代码
<html>
<head>
<meta charset="UTF-8">
<title>AutoSuggestion using Ajax, Jquery and PHP</title>
<link rel="stylesheet" href="exp1.css">
</head>
<body>
<div class="serch-wrap">
<div class="form-wrapper cf">
<input type="text" class="abhijitscript" name="search_word">
<input type="submit" value="Search">
</div>
<div class="autodropdown">
<ul class="suggestresult"></ul>
</div>
</div>
</body>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="exp1.js"></script>
</html>
exp1.php
<?php
$host="localhost";
$user="root";
$password="jatin";
$link=mysqli_connect($host,$user,$password);
if(@mysqli_select_db($link,'books')){
// echo "Database connected..<br>";
}
else
echo mysqli_connect_error();
if(isset($_POST['name']))
{
$name = mysqli_real_escape_string($link,trim($_POST['name']));
$sql = "SELECT `name` FROM `books` WHERE `name` LIKE 'l%'";
$myquery = mysqli_query($link,$sql) or die(mysql_error());
if(mysqli_num_rows($myquery) !=0)
{
while(($row = mysqli_fetch_array($myquery)) !== false)
{
echo '<li>'.$row['name'].'</li>';
}
}
else
{
echo '<li>Not Found</li>';
}
} else{
echo "not set!";
}
?>
exp1.js
$(document).ready(function(){
$('.abhijitscript').keyup(function(){
var query_string = $(this).val();
$.ajax({
type: "POST",
url: "exp1.php",
data: { name:query_string },
success: function(data)
{ console.log(data);
$('.suggestresult').html(data);
$('.suggestresult li').click(function(){
var return_value = $(this).text();
$('.abhijitscript').attr('value', return_value);
$('.abhijitscript').val(return_value);
$('.suggestresult').html('');
});
}
});
});
});
控制台也没有显示任何错误,这表明 php 代码中存在一些错误。我已经提供了完整的代码。谢谢!
我稍微编辑了一下你的代码,现在对我来说工作正常。
<?php
$host="localhost";
$user="root";
$password="jatin";
$link=@mysqli_connect($host,$user,$password);
if( !$link || !@mysqli_select_db($link,'books')){
echo mysqli_connect_error();
exit ;
}
if(isset($_POST['name'])) {
$name = mysqli_real_escape_string($link,trim($_POST['name']));
$sql = "SELECT DISTINCT(`name`) FROM `books` WHERE `name` LIKE '%{$name}%'";
$myquery = mysqli_query($link,$sql) or die(mysql_error());
if(mysqli_num_rows($myquery) !=0) {
while(($row = mysqli_fetch_array($myquery)) !== NULL) {
echo '<li>'.$row['name'].'</li>';
}
} else {
echo '<li>Not Found</li>';
}
} else {
echo "not set!";
}
?>
相关文章:
- electronic BrowserWindow的最小高度和宽度在hide()show()方法之后不起作用
- 监视函数从服务返回不起作用,但作用域函数起作用
- 幻灯片滚动javascript不起作用
- 简单的javascript在Shopify中不起作用
- Recaptcha在IE7和IE8中不起作用
- Ember Data DS.Model's set函数不起作用
- JsFiddle上的鼠标事件不起作用
- 我的AngularJS表达式没有'不起作用
- 点击按钮输入不起作用
- 面向对象的Javascript代码在IE7中不起作用
- 分部隐藏在jquery中不起作用
- 在phonegap应用程序内部重定向不起作用
- Array.length似乎不起作用;console.log则显示其他情况
- $ionicplatform内的$scope不;不起作用
- 我的javascript for循环不起作用
- Meteor-添加用户自定义字段的方法不起作用
- AJAX :为什么自动建议(给定)不起作用
- 在给定现有答案的情况下,更改日期选择器中的 minDate 选项不起作用
- 箭头键在具有给定javascript的firefox中不起作用
- Jquery序列化不起作用.名字是给定的