这个自动完成脚本有什么问题？
这个自动完成脚本有什么问题？
提问于 2014-11-29 17:50:46
这是我的HTML页面。
<form action="" method="post">
<input type="text" class="auto" name="search" autocomplete="off">
</form>
<script>
$(document).ready(function($){
$('.auto').autocomplete({
source:'connect.php',
minLength:1
});
});
</script>这是我的connect.php
if(isset($_GET['term'])) {
require "db.php";
$con = mysqli_connect("$host","$user","$password","$db");
if (mysqli_connect_errno())
{
echo "Failed to connect to MySQL: " . mysqli_connect_error();
}
$term = mysqli_real_escape_string($con, $_GET['term']);
$term = strtolower($term);
$query = "SELECT `name` FROM `products` WHERE `name` LIKE '%$term%'";
$result = mysqli_query($con, $query);
$return_array = array();
while($row = mysqli_fetch_array($result)) {
$return_array[] = $row;
}
echo json_encode($return_array);
}使用chrome工具检查响应，如下所示：
[{"0":"MacBook Pro 13-inch","name":"MacBook Pro 13-inch"},{"0":"MacBook Pro 15-inch","name":"MacBook Pro 15-inch"},{"0":"MacBook Air 13-inch","name":"MacBook Air 13-inch"},{"0":"MacBook Air 11-inch","name":"MacBook Air 11-inch"},{"0":"iMac 21.5-inch","name":"iMac 21.5-inch"},{"0":"iMac 27-inch","name":"iMac 27-inch"},{"0":"Mac Pro Quad-Core","name":"Mac Pro Quad-Core"},{"0":"Mac Pro 6-Core","name":"Mac Pro 6-Core"}]但是在页面上，我得到了“没有搜索结果”。
我在谷歌上搜索了很多，我认为这与json的输出方式有关，但我不确定。我不希望使用ajax方法。
请不要PDO，因为我只能理解基本的程序代码。
回答 3
Stack Overflow用户
回答已采纳
发布于 2014-11-29 18:40:29
正如rodrigogq已经指出的，jQuery UI自动完成以两种形式接受数据，
要么是一个字符串数组：
[ "value1", "value2" ]或具有label和value属性的对象数组：
[ { label:"value1", value:0}, { label:"value2", value:1}, ]您有两个选项:修改服务器端脚本以提供适当的响应，
或
修改客户端脚本以净化服务器响应。
以下是根据您所分享的答复，后面的内容：
$(document).ready(function($){
$('.auto').autocomplete({
source: function(request, response) {
$.get('connect.php', { term: request.term }, function(data) {
var matches = $.map($.parseJSON(data),function(obj){
return obj.name;
});
response(matches);
});
},
minLength:1
});
});Stack Overflow用户
发布于 2014-11-29 17:59:06
$(document).ready(function($){是什么意思？应该是$(document).ready(function(){ (注意$)。
另外，尝试将完整的url发送到您的source选项，比如http://www.yoursite.com/connect.php。
编辑
还请阅读以下内容：http://api.jqueryui.com/autocomplete/#option-source
正如您所看到的，您可以将数组提供为：
[ "value1", "value2" ]或者：
[ { label:"value1", value:0}, { label:"value2", value:1}, ]Stack Overflow用户
发布于 2014-11-29 18:33:15
为了让您知道出了什么问题:代码：
$(document).ready(function(){
$('.auto').autocomplete({
source:'test1.php',
minLength:1
});
});这个虚拟PHP文件test1.php：
echo json_encode(array('alpha', 'alphabet', 'beta'));自动完成正在工作。所以，你必须改变：
while($row = mysqli_fetch_array($result)) {
$return_array[] = $row;
}
echo json_encode($return_array);转入：
while($row = mysqli_fetch_array($result, MYSQLI_ASSOC)) {
$return_array[] = $row['name'];
}
echo json_encode($return_array);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/27205163
复制相关文章
相似问题
腾讯云开发者
