jquery ajax自动完成搜索，如何使用jquery进行标记自动完成搜索？

Question

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

现在，当用户在文本框中键入内容时，它将调用jquery ajax自动完成搜索功能，就像我们对stackoverflow标记添加一样。

我怎么能用jquery ajax做到这一点？ 有人可以通过示例发布完整代码吗？

我已经读过这个， http：//docs.jquery.com/Plugins/Autocomplete ，但是无法理解如何实现它。

Answer 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" },
  ...
]

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

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