那些 jQuery Ajax Autocomplete Autosuggest教程和免费下载代码示例对于 web开发人员更多地了解 jQuery的共同特性非常重要。您将发现一些自动完成特性的不同实现-例如 jQuery和 Ajax自动完成教程特性-如下拉搜索、表单、复选框、用于 jQuery插件自动完成的 mobile for jQuery插件。
当我们需要在输入表单元素中输入数据,但需要严格的数据 (like in select),而且可能的数据量太大时,我们可以使用 jquery-ajax autosuggest或 autocomplete – to guide the user。在这篇文章中,我将尝试给出一些解决方案。它免费下载测试与演示链接,你喜欢这个集合。
1、jQuery AJAX Autocomplete – Country Example
自动完成功能用于在输入条目时为用户提供自动建议。在本教程中,我们将根据用户在输入字段中使用 jQuery AJAX输入的关键字来提取用户的国家名称。
我们有 jQuery脚本在键控事件期间调用 Ajax请求。此请求将读取以用户输入的关键字开头的数据库中国家的名称。
2、EasyAutocomplete – guide
EasyAutocomplete插件使用起来非常简单。只需根据输入字段调用 easyAutocomplete,并为其提供要显示的项列表。
3、Autocomplete Dropdowns with the Datalist Element
<dataList> 元素是 HTML5规范中的一个新元素,使开发人员能够为其 Web应用程序创建本机自动完成下拉列表。这种类型的 UI组件通常用于表单字段和搜索框,因为它帮助用户更快地输入数据。在过去,自动完成的下拉列表只能用 JavaScript实现。
4、Example of Autocomplete in jQuery Mobile
它是用于移动版本自动完成搜索的 jQuery Mobile应用程序。
5、Dynamic AutoComplete Search filtering using jQuery and PHP
在本教程中,我将向您展示如何使用内置在 jQuery库中的 AJAX .get() 请求方法来完成这项工作。我们将使用 PHP标记从数据库中获取数据,并让返回的数据在表格中显示我们的结果。
6、MooTools AutoComplete script
MooTools的自动完成脚本为文本提示和完成提供了功能。它具有不同的数据源(本地、JSON或 XML)、各种用户交互、自定义格式、多个选择、动画等等。
7、Fancy Apple.com-Style Search Suggestion with Image Thumbnail
此示例使用了几种技术:MySQL(数据库)、HTML/CSS用于样式化、PHP用于检索数据和 jQuery用于 Ajax请求。
demo download download / more info
8、Ajax AutoComplete for jQuery
Ajax Autocomplete for Prototype允许您轻松地为文本输入字段创建框-自动完成/自动。它是以性能为重点建造的。每个查询的结果都被缓存并从本地缓存中提取,以减少重复或相同的查询。
9、Web Input Auto Completion Kit
这是 WICK,Web Kit完成条目,这是一个不断发展的框架,它利用 JavaScript、DOM和 CSS等 web标准,在本地和远程数据源的辅助下,在表单 UI元素中提供文本输入。
demo download download / more info
10、autoComplete jQuery Plugin
autoComplete只需要控制两个名称空间: jQuery.autoComplete 和 jQuery.fn.autoComplete。插件首先运行一个检查,看看是否安装了bgiframe插件,如果没有,它会创建一个无用的函数,返回 “this”用于内部目的。
demo download download / more info
11、TextboxList meets Autocompletion
TextboxList通过添加到每个框的链接添加关闭功能。但它缺少一个重要的成分:自动完成!
demo download download / more info
12、How to Use the jQuery UI Autocomplete Widget
在本教程中,我们将研究 jQuery UI 1.8的最新组件之一 – Autocomplete widget。
demo download download / more info
13、jQuery UI Autocomplete with Remote Database
14、jQuery auto complete through database using JSP
在本教程中,我们将使用 JSP通过数据库实现自动完成。在本例中,将给出一个文本框,当您输入任何印度邦的名称时,它将通过使用 JSP完成文本自动填充。
15、jQuery plugin: Autocomplete
这个插件已经过时,不再开发了。它的后续程序是 jQuery UI的一部分,本迁移指南解释了如何从这个插件到新插件。
16、jQuery UI Autocomplete Widget with PHP and MySQL
此示例将使用 U.S各州和地区填充自动完成。它还将演示如何用从数据库返回的数据填充其他字段。此数据可用于填充可见文本框或隐藏窗体字段。它还演示了一些应用程序可能会用到的基本的自动完成功能。
17、jQuery Mobile Autocomplete
今天,Ray Camden发布了一篇关于在 jQuery Mobile项目中添加自动完成样式功能的博客文章。
18、jQuery’s AutoComplete using Multiple Inputs in Same Table
jQuery’s AutoComplete插件使用一个表中的多个输入。例如,假设您正在处理一个发货单应用程序,该应用程序要求您向每行添加多个行项,并且希望在每一行上都能够使用 jQuery自动完成来检索项信息。
19、Fancy Facebook Like auto complete
它很奇妙,比如使用 JSON的 Facebook自动完成,以及 ASMX Web services FCBKcomplete完成脚本。
20、Implementing Autocomplete jQuery Plugin for Textarea
大多数自动完成是在文本字段中实现的,其中用户只有一行,通常用于少量文本。
21、Using jQuery UI’s Autocomplete to Populate a Form
22、Ajax-Driven JavaScript ComboBox with Autocomplete
dhtmlxCombo是一个具有自动完成功能的跨浏览器 JavaScript组合框。它扩展了基本的选择框功能,并提供了用户在文本字段中键入时显示建议的能力。
原文:https://freshdesignweb.com/jquery-ajax-autocomplete-plugins/