ajax suggest,ajax Suggest类似google的搜索提示效果

ajax Suggest类似google的搜索提示效果

2020-11-11 14:21:34

阅读数 375

实现：

有了上面两句后，每个取了名的文本框会多出五个属性：

1.action 必须。接受 GET 方式提交的数据，并返回相关 Javascript 数组的动态页。

2.capture 如果返回的结果不止一列(比如本例中的单词和中文意思)，将要替换用户输入的那一列(从 1 开始算)。通常这个和数据库字段相对应。

可选，默认为 1.

3.columns 下拉显示的列数，比如本例中，按字母查询单词，并将中文意思显示在右侧。可选，默认为 1.

4.delay 查询延时，单位为毫秒。较低的延时会得到更快的反应，但会加重服务器负担。可选，默认为 1000(1秒)。

5.heading 如果设为 true ，第一个数组值将作为不可选择项(标题栏)。当有两列或两列以上数据时非常有用。可选，默认为 false.

数据提交只需要两个数据

1.type 输入框的name

2.q 搜索关键字(默认UTF-8编码)

您下载的压缩包中，已经包含php和ColdFusion示例，当然这个框架可以适用于所有的编程语言，无平台限制。后台数据输出就是一条 Javascript 语句。一维数组这么写：

new Array(”val1″, “val2″, “val3″);

二维数组这么写：

new Array(

new Array(”第1行条第1列”, “第1行第2列”)，

new Array(”第2行条第1列”, “第1行条第2列”)，

new Array(”第3行条第1列”, “第1行条第2列”)

);

最后介绍一下，css中需要定义的4个类

.SuggestFramework_List 提示内容所在区域

.SuggestFramework_Heading 第一条提示

.SuggestFramework_Highlighted 设置高亮的一条提示

.SuggestFramework_Normal 其他提示

下载地址 http://xiazai.jb51.net/200903/yuanma/SuggestFramework-0.31.zip

ajax suggest,ajax Suggest类似google的搜索提示效果相关推荐

AJAX实例二：实现类似Google的搜索提示【原著】
功能就不用多说了,到http://www.google.cn/去试一下就知道了.本例是参考了<征服AJAX> 一书中的范例. 实现该功能也是用到两个页面,一个请求显示(这次使用的静态页面) ...
Domino下实现仿Google搜索提示效果
随着Ajax的运用越来越广泛,越来越多的用户体验被提升,在Domino中应用Ajax实现Google搜索提示效果,在用户的使用过程中也是一种很实用的体验,下面将详细介绍下实现的思路和方法,仅供参考,以 ...
使用FlexBox和Json实现类似ComboBox（类似Google的输入提示和自动）功能-基于JQuery-ASP.NET...
很久没写代码了,也很久不写技术文了,不知道该从何写起,本文将会有点乱,请见谅. 本文的内容是要实现一个类似ComboBox的功能,也可以说是类似Google的输入提示和自动完成,其实这样的文章网上也不 ...
掌握AJAX, 第 9部分: 运用Google Ajax搜索API
掌握AJAX, 第 9部分: 运用Google Ajax搜索API 本系列英文链接:http://www-128.ibm.com/developerworks/views/web/libraryvie ...
仿淘宝搜索栏，实现用户输入搜索关键字时可以显示搜索提示的效果 Ajax
要实现的 UI 功能依赖文件: jQuery https://jquery.com/ art-template 模板引擎 https://aui.github.io/art-template/ 实现 ...
es基于completion suggest实现搜索提示
在之前的某一篇中,我们使用了es的前缀搜索,获得了文档根据前缀进行匹配的效果,如下图所示, 下面说说在es中的另一种实现搜索提示的功能,基于completion suggest 进行实现,其在实际应用 ...
Ajax实现搜索提示框~超级详细
以下是对Ajax搜索提示框的整理,希望可以帮助到有需要的小伙伴~ 文章目录静态页面用户的操作是用事件来处理的源码静态页面搜索框 input 提示框无序列表加容器 div 做样式 [默认不 ...
创新实训（46）——基于ElasticSearch的Completion Suggest实现搜索提示
前言现在来重新建立索引,然后实现搜索提示. 建立索引并重新抽取数据 PUT /articles2 {"mappings" : {"doc" : {" ...
Ajax实现验证手机号码是否被注册与搜索提示的完善json的使用
目录 ajax 介绍 jQuery的AJAX post方式格式 get方式格式 json对象转字符串的使用两种fastjson与ObjectMapper fastjson的使用文件架包密码:40t ...

ajax suggest,ajax Suggest类似google的搜索提示效果

ajax suggest,ajax Suggest类似google的搜索提示效果相关推荐

最新文章

热门文章