jQuery 自动建议

Question

我对 jQuery 还很陌生，所以我需要一些帮助： 我刚刚开始使用 jQuery Autosuggest 插件，因为我真的会帮助我的网站。我下载了所有文件，将它们链接到我的网站，并使用它来将输入设置为自动建议：

<script>
$(document).ready(function(){
    $("#postna").autoSuggest("get.php");
})
</script>

现在这部分工作正常，它改变了我的输入框的样式。对于 get.php 文件，我几乎从插件站点复制了它，但我更改了它，这样它会更好地为我服务：

<?php
require_once 'includes/mysql.class.php';

$input = $_GET['q'];
$data = array();

$qu = new MySQL();
$qu->rQuery("SELECT id,name FROM cities WHERE name LIKE '$input%'");
$data = $qu->getRows();
foreach($data as $a){
    $json = array();
    $json['value'] = $a['id'];
    $json['name'] = $a['name'];
    $data[] = $json;
}
header("Content-type: application/json");
echo json_encode($data);
?> 

现在的问题是，当我输入文本时，它返回“未找到结果”，但是如果我转到 /get.php?q=velenje （velenje 是一个城市的名称），它呼应了这一点：

{"id":"681","name":"Velenje"}

对我可能做错的事情有什么建议吗？

Answer 1

您将 MySQL 查询的结果拉入数组 $data 中，然后继续循环编辑该数组。试试这个：

$data = array();
$qu = new MySQL();
$qu->rQuery("SELECT id,name FROM cities WHERE name LIKE '$input%'");
$rows = $qu->getRows();
foreach($rows as $a){
    $json = array();
    $json['value'] = $a['id'];
    $json['name'] = $a['name'];
    $data[] = $json;
}    
header("Content-type: application/json");
echo json_encode($data);

编辑：我忘了注意，您似乎没有清理您的输入... Little Bobby Tables 向我们展示了为什么我们不应该这样做。

Answer 2

在客户端使用脚本的完整路径：

<script>
$(document).ready(function(){
    $("#postna").autoSuggest("http://yoursite.com/get.php");
})
</script>