使用外部源自动完成答案

【问题标题】：Autocomplete with external source使用外部源自动完成
【发布时间】：2011-05-28 01:24:22
【问题描述】：

我发现了这个示例，其中自动完成建议来自外部源，这里是 search.php：

http://jqueryui.com/demos/autocomplete/#multiple-remote

但是，我没有看到 search.php 的格式，所以我无法让外部源正常工作。我想从数据库和 html 页面中获得我的建议。帮助新手！

【问题讨论】：

【解决方案1】：

search.php 以如下格式返回数据：

$result = array(
    'query'=>$this->params['url']['query'],
    'suggestions'=>$values,
    'data'=>$keys,
);

query 是用户输入的搜索查询（结果缓存在页面的隐藏 div 中）建议是您将显示的结果 data 是一个可选参数，其中包含与建议值匹配的键数组

【讨论】：

此答案适用于我更喜欢的 jquery 自动完成插件。 docs.jquery.com/Plugins/autocomplete
所以，这对我的目的不是很有帮助。您在哪里从数据库中进行精确查询？我正在使用 Spring 3。

【解决方案2】：

他们使用的search.php文件的完整代码也在github上，这里：

https://github.com/jquery/jquery-ui/blob/master/demos/autocomplete/search.php

【讨论】：

【解决方案3】：

只需在您的平台上寻找一种将对象序列化为 JSon 的方法，它应该返回如下内容：

  [
    {
        "id": "Dromas ardeola",
        "label": "Crab-Plover",
        "value": "Crab-Plover" 
    },
    {
        "id": "Larus sabini",
        "label": "Sabine`s Gull",
        "value": "Sabine`s Gull" 
    },
    {
        "id": "Vanellus gregarius",
        "label": "Sociable Lapwing",
        "value": "Sociable Lapwing" 
    },
    {
        "id": "Oenanthe isabellina",
        "label": "Isabelline Wheatear",
        "value": "Isabelline Wheatear" 
    } 
]

【讨论】：