阅读量:0
基于jQuery的智能提示插件，提供自动补全和过滤功能。
自制基于jQuery的智能提示插件一枚-jquery
以下是对自制基于jQuery的智能提示插件的具体介绍：
1、基本需求
适配数据：根据当前文本框字符取出适配数据。
多元素调用：支持同一页面多个元素调用本插件。
必需参数：必需的参数是url。
取消重复请求：对于连续不断地输入，会把之前的ajax请求全部取消，避免造成服务器无谓的压力。
2、空关键词查询开关
功能描述：打开则鼠标点在输入框内即出现提示（当下拉列表用），默认为true。
3、关联查询
父元素关联：当前文本框的提示结果可依据页面另一个元素的取值。
parentID定义：只支持一个关联元素（即父元素），用参数parentID定义，默认为null。
useParentValue属性：在打开了parentID选项的情况下，假如参数定义useParentValue=false（默认），则插件会取其自定义属性进行过滤（关联），否则（true），会取该元素的value属性关联。
4、缓存最后查询的结果
缓存机制：支持缓存最后查询的结果。（页面多个元素调用的情况下，同样会判断最后一次触发提交的元素来确定是否使用缓存）。
5、多列视图
解决大量短信息的排列：用multi=false打开。
拼音选项和主键值：拼音选项不可见，主键值不可见，但是仍然存在。
记录数限制：只有在取出的记录数大于32时才可用（4*8，目前这个值不可配，跟CSS强关联了，假如你更改了CSS，主要指提示框的宽度，那么请自行更改成合适的效果）。
6、分页功能
自动切换视图：如果该元素选项为multi=true，会智能判断下一页条目数量，达到数量条件会自动变成多列视图，否则会恢复默认视图。
7、键盘命令响应
导航和取消：↑ ←：上一条，ESC取消提示。
表单提交：没有拦截回车事件，会提交表单。
8、后台数据格式要求
字段实现：目前实现四个字段：id, 文字，拼音，上级id，哪怕没有值，也要送个空值回来。
9、一般网站方案对比
Google、百度、酷讯方式：介绍了不同网站的ajax返回数据的方式，以及本插件所采用的方案。
相关问题与解答
1、如何扩展插件以支持更多字段？
解答：目前插件实现了四个字段：id, 文字，拼音，上级id，如果需要更多字段，可以参考google的方式，预留相当多的字段，并用多维数组返回结果，具体实现可以在插件代码中添加新的字段处理逻辑，并确保后台返回的数据包含这些新字段。
2、如何在插件中实现分页功能？
解答：插件已经实现了基本的分页功能，当数据过多时会自动分页显示，但目前不支持配置每页显示数和往回翻页，要实现这些功能，可以修改插件中的分页逻辑，添加配置项来控制每页显示的数量，并在用户操作时动态调整显示内容。
到此，以上就是小编对于“自制基于jQuery的智能提示插件一枚-jquery”的问题就介绍到这了，希望介绍的几点解答对大家有用，有任何问题和不懂的，欢迎各位朋友在评论区讨论，给我留言。
