【问题标题】:jquery ajax autocomplete search, How can i make tag autocomplete search with jquery?jquery ajax 自动完成搜索,如何使用 jquery 进行标签自动完成搜索?
【发布时间】:2012-01-14 07:29:30
【问题描述】:

假设数据库表中、文本文件或xml文件中有标签。

现在,当用户在文本框中输入内容时,它将调用 jquery ajax 自动完成搜索功能,就像我们为添加 stackoverflow 标签所做的那样。

如何使用 jquery ajax 做到这一点?有人可以用示例发布完整的代码吗?

我已阅读此内容,http://docs.jquery.com/Plugins/Autocomplete,但不明白如何实现。

【问题讨论】:

    标签: javascript jquery ajax search autocomplete


    【解决方案1】:

    我建议您使用jQuery UI AutoComplete。该文档提供了如何使用 AJAX 进行设置的完整示例。

    你放了一个输入框:

    <input id="tags" name="tags" />
    

    然后应用插件:

    $(function() {
        $('#tags').autocomplete({
            source: '/tags',
            minLength: 2
        });
    });
    

    这将调用/tags 服务器端脚本并将包含输入值的术语查询字符串参数传递给它。例如:/tags?term=asp。然后,服务器将使用 asp 值在数据库中查找并使用以下格式的 JSON 进行响应:

    [ { "id": "1", "label": "label 1", "value": "value 1" }, 
      { "id": "2", "label": "label 2", "value": "value 2" },
      { "id": "3", "label": "label 3", "value": "value 3" },
      ...
    ]
    

    这将表示与搜索条件匹配的对象数组,并将显示在下拉列表中。

    显然,服务器端脚本的实现很大程度上取决于您使用的服务器端语言、数据库访问技术……

    【讨论】:

    • search.php 在哪里? search.php 的内容是什么?它将如何返回数据?
    • @guru,关于 PHP,这是一个完全不同的问题。我建议您单独询问它,因为它不再与您在此处询问的自动完成插件有任何关系。但在问它之前,请确保你在你身边做一些努力,否则问题可能会被关闭。例如,查看网络上海量文章中的一篇并尝试实现它:jensbits.com/2010/03/29/…
    猜你喜欢
    • 2013-08-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-06-03
    • 1970-01-01
    • 2015-07-07
    • 1970-01-01
    • 2015-08-18
    相关资源
    最近更新 更多