使用外部源自动完成

时间:2011-04-18 10:52:41

标签: jquery-ui autocomplete

我找到了这个示例,其中自动填充建议来自外部源,这里是search.php:

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

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

3 个答案:

答案 0 :(得分:1)

search.php按以下格式返回数据:

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

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

答案 1 :(得分:1)

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

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

答案 2 :(得分:0)

只是想找到一种在平台上将对象序列化为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" 
    } 
]