10个Ajax / jQuery自动完成教程/插件

今天，我们将与您分享我们的最佳Ajax和jQuery自动完成和自动建议教程和插件的汇编，并提供示例。 如今，人们需要即时搜索，为此，诸如Google之类的搜索引擎就是这样做的。 请享用！

相关文章：

• 10个jQuery搜索脚本
• jQuery AutoForm脚本Easy Form AutoComplete

2013年6月21日更新：添加了typahead.js，Magicsuggest，TimeDropdowns。
更新29/09/13：添加了textextjs

typahead.js自动完成

快速且功能齐全的自动完成库。

来源+演示

Magicsuggest自动完成

Bootstrap主题行中的高度灵活的自动建议组合框。

来源+演示

TimeDropdowns自动完成

更好的时间范围下拉列表：jQuery Time Autocomplete。

来源+演示

---

1.具有自动完成功能的Ajax驱动的JavaScript组合框

dhtmlxCombo是具有自动完成功能的跨浏览器JavaScript组合框。 它扩展了基本的选择框功能，并提供了在用户在文本字段中键入内容时显示建议的功能。

来源+演示

2. Yahoo和Google建议jQuery搜索框

在本文中了解如何创建Yahoo Google建议搜索框。

来源+演示

3. WICK Web输入补全套件

一个不断发展的框架，它利用诸如JavaScript，DOM和CSS之类的Web标准来促进以本地和远程数据源为辅助的表单UI元素的文本输入。 该框架力求保持简洁，并保留表单的语义和可访问性。

资源
演示版

4. PrimeFaces：jQuery自动完成

PrimeFaces jQuery AutoComplete的多选功能是一个很受欢迎的请求，在3.1版本中，我们决定将其引入。 最初的实现基于一个简单的输入文本，并且值之间用逗号分隔，但它与PrimeFaces的凉爽标准不匹配，因此我们决定以Facebook风格实现它。

资源
演示版

5. ASP.Net中基于Ajax的多选jQuery自动完成控件

在这里，我们将使用jQuery UI Autocomplete Control。 为了使用AJAX获取数据，这里我们将尝试ASP的处理程序。 在简单的asp.net页面上使用Handlers是，如果我们将使用ASPX页面，则它将经历页面的所有阶段（接近1o），而Handler比ASPX页面要快。

来源+演示

6.使用jQuery，Ajax，XML，PHP进行自动建议/自动完成

jQuery Autocomplete类将建议值的弹出菜单添加到文本字段。 用户可以直接在建议上单击以将其输入到字段中，也可以使用向上和向下箭头键浏览列表，并使用Tab键选择一个值。 建议列表的值将以XML形式提供（通过PHP脚本或类似脚本）。

资源
演示版

7. FCBKcomplete v 2.8.4

具有Facebook风格的动态输入，带有自动完成和预先添加的值。 如果您有任何意见或要求，请将其发布，我将尝试在即将发布的版本中包括所有要求的功能。

资源
演示版

8.奇特的Apple.com风格jQuery搜索建议

确保您查看了该演示（或访问Apple.com）以查看该效果棒。 此示例使用了多种技术：MySQL（用于数据库），用于样式的HTML / CSS，用于检索数据的PHP和用于AJAX请求的jQuery。

资源
演示版

9. jQuery的AJAX搜索建议

为了重新创建搜索建议功能，我们将使用jQuery和少量PHP查询服务器上的搜索词。 为了允许这两个脚本进行通信，我们将使用AJAX-将包含搜索词的字符串从jQuery传递到PHP。

资源
演示版

10.易于使用的jQuery-Ajax Autosuggest插件

这个jQuery Ajax autosuggest插件具有通常的功能，并具有一点额外的灵活性：多个实例，传递自定义参数，返回ID和值，由键盘控制，还有其他一些…autosuggest插件所需的几乎所有功能内置选项！

资源
演示版

11. jQuery TextExt插件

TextExt是jQuery的插件，旨在提供标记输入和自动完成等功能。

来源+演示

From: https://www.sitepoint.com/10-ajaxjquery-autocomplete-tutorial-examples/