仿百度搜索的文本框(第二种实现ajax联想查询的文本框)

最新推荐文章于 2020-07-04 10:11:01 发布
原创 最新推荐文章于 2020-07-04 10:11:01 发布 · 1.7k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种用于替代原有AutoComplete.js的新型auto.js，通过实例展示了其在项目中的应用效果，并提供了相关脚本下载链接。

                 之前有用过一个控件 AutoComplete.js 实现 类似百度的模糊查询文本框，但是感觉使用起来不是很方便，现引入一个新的auto.js来实现。

直接上一个例子供参考。

                项目使用效果展示：

                  

 

相关脚本下载地址：    http://download.youkuaiyun.com/detail/xsmlearn/6460779

AI-大公
关注
JQuery+ajax实现类似百度搜索自动匹配功能
Jack 架构师之路
10-23 1万+
引言    我们接触最多的、用的最多的搜索引擎就是百度了，可以说现在我们的生活如果离开像百度、谷歌这样的搜索引擎还是我们的生活没有了方向，我们在使用的时候都有一个体验就是我我们在输入关键紫的时候，他会自动给我们匹配很多的关键字，像下图所示：            这种非常人性化的功能对于我们在平常开发软件的时候是非常有必要借鉴的，所以在小编最近的项目中就需要用到这个功能给用户
一个ajax做的联想查询文本框(脚本)
01-12
简单仿百度的查询文本框，根据输入的首个字符关联出相关数据，展示在文本框下供选择。
仿百度搜索的文本框(第二种实现ajax联想查询的文本框)DEMO
10-27
在一些业务项目的开发中，当下拉框数据过多时，希望采用带有关联检索的文本框替换。类似于百度搜索中输入首字符关联出相关内容的方式。本DEMO类似这种功能，感谢网友"阿瑞"的例子，本人只是在项目实践中做了简单调整。
ajax结合jQuery autocomplete 实现类似百度搜索一样的输入联想
性感的杏鲍菇的专栏
01-20 812
之前在一个工作中的项目里有这样的需求 费尽心思搞了出来 感觉效果还不错 结合后台服务器定时生成的js静态文件实现的 编辑这篇文章的时候 这个项目已经过去快一年了 所以有些代码可能不全
ASP.NET利用ajax实现类似百度的智能提示框
xiang_quan123的专栏
08-22 1435
大家好，我是小象。交流促进成长，实践出真知！坚持原创。。。。。        这个例子也是我前几天才做的。        百度的智能提示框给了大家很大的便利，但是很多人想应该怎么实现这个功能，我今天就具体的讲一讲。其实实现起来真的非常简单，但是如果一点都不懂的话真的会有挺大的
实现ajax联想查询的文本框DEMO
### 标题知识点：仿百度搜索的文本框(第二种实现ajax联想查询的文本框)DEMO 1. **仿百度搜索文本框**： - 百度搜索是全球最大的中文搜索引擎，其界面简洁，搜索体验流畅。 - 仿百度搜索文本框主要是指在设计网页...
用Ajax实现文本框自动完成功能（基于JSON数据,从数据库取数据）(原创)
02-26
本事例采用英文单词数据库，当用户在文本框中输入的字符数为两个及以上时（可以通过completeLen = 2来设置，此功能主要是防止输入字符太少时，匹配项过多，反而影响用户体验），自动从数据库中取出与之匹配的其它...
基于ComponentOne的多选下拉框与联想文本框实现
“自做多选下拉框和可联想文本框”这一主题涉及前端开发中常见的用户界面（UI）组件设计与实现，尤其聚焦于提升用户体验的交互式控件定制。该资源明确指出使用了ComponentOne组件库，说明其技术栈基于成熟的第三方UI...
java文本框联想
最新发布
03-14
### Java 中实现文本框自动联想功能 要实现在 Java 中通过 Selenium 或其他技术完成文本框的自动联想功能，可以采用多种方式。以下是基于提供的引用内容以及专业知识的具体说明。 #### 使用 Ajax 和数据库查询来...
浅谈asp.net通过本机cookie仿百度（google）实现搜索input框自动弹出搜索提示
jintougao的专栏
07-09 2582
对于通过用户输入关键词实现自动弹出相关搜索结果，这里本人给两种解决方案，用于两种不同的情形。 常见方法是在数据库里建一个用户搜索关系表，然后通过用户搜索框输入的关键字异步调用数据表中的相关数据，显示在一个隐藏div中。 第二种方式也就是我现在着重讨论的方式，适用于单个用户，基于此用户以往的搜索数据来实现搜索提示功能。技术关键是记录下用户的以往搜索数据，写入cookie，然后页面从用户本机cookie调用数据。
仿百度搜索框的联想词提示效果js代码.zip
07-11
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>仿百度搜索框的联想词提示效果js代码</title> <link rel="stylesheet" type="text/css" href="css/my.css?3.1.64" /> </head> <body>[removed][removed] <div id="out"> <div id="ser_box"> <input type="search" id="ipt" /><span><input id="su" value="搜索一下" class="bg s_btn" type="submit"></span> </div> <div id="bot_box"> <ul id="oul"></ul> </div> </div> [removed][removed] <div 0; font:normal 14px/24px 'MicroSoft YaHei';">  </div> </body> </html> 这是一款纯javaScript实现的仿百度搜索框联想词提示代码，搜索框输入文字自动提示相关联想词js特效。
ASP做出百度输入框关键字联想的效果V2012.01
01-12
万能的ASP能否做出百度输入框关键字联想的效果? 希望大家共同研究 源代码是从网友wdyllff修改来的，我添加了数据库，修改了 部分代码，现已能输入关键字正常搜索，但有乱码BUG 希望ASP爱好者共同完善。 测试关键字“装”、“装试”、“装试分厂” ---2012.1.12-----------------西安--QQ 353908666
JAVA___jQuery+AJAX_仿百度搜索功能
09-09
JAVA___jQuery+AJAX_仿百度搜索功能,java版
asp textbox 类似百度模糊查询功能
04-28
asp textbox 类似百度模糊查询功能，数据库 access 等文件都在附件中，实现的不是很好，但可以作为参考学习，O(∩_∩)O~
Ajax 模仿google百度提示输入框 v1.8
06-01
Ajax模仿google提示输入框 使用说明 v1.8 本程序由飞飞asp乐园编写 ************************************************* 特别感谢： 一杯白开水 网友 的帮助 版本所提的修改建议 ************************************************* 飞飞Asp乐园 www.ffasp.com QQ:276230416 QQ:72840059 ********************************************* 程序介绍： 本程序官网演示地址：http://www.ffasp.com/content.asp?newsid=1376 转载请注明出处 此小程序是模仿Google(sgguest)输入提示框所编写 亦可用于用户注册邮箱时的提示 此程序使用方便简单、易用灵活 且不限Asp、php、net 更新说明： 1.支持xhtml 2.兼容IE6,IE7,FF 3.支持input显示与value分离【以隐藏域方式提交数据】 4.支持下拉框按钮 5.支持显示结果数量 6.可以一个页面多次使用 7.模拟下拉框不会被select遮挡 8.调用更方便（内核已改为jq插件） 9.皮肤修改方便 ，外置的css样式文件，带有注释说明，任意修改 10.支持键盘方向键按住不放选择 11.解决了延时卡死的现象 12.解决了在有滚动条时，ie6下被表单遮挡的问题 13.支持回调函数。当该插件执行完毕时，执行另外一个指定函数 ######V1.7解决问题############ 14.可以自己设置提示框的长度 15.解决了无法获取用户填写默认值的问题 16.当输入框失去焦点时，提示框会自动隐藏 ######V1.8解决问题############ 17.解决了鼠标无法选择的问题 ****************************************************************** 文件使用说明： 在需要使用的页面首先要引用2个js文件 <script src="jquery1.2.6.min.js"></script> <script src="search_suggest.js"></script> 此二文件必须放于调用函数之前 *****************************以下是调用示例*************************： var option = { inputName : "test2", inputText : "测试字符串4", inputValue: "我是值", inputlength:1, url : "search.asp", arrow :1, arrowUrl :"search.asp?aa=nowitest", zIndex:7, fns:function(){alert(3)} } $("#test").suggestShow(option) +++++++解释说明+++++++++++++++++++++++++++++++++++++++++++++++++++++++++ option:为参数设置对象。option内的所有参数可以省略 inputName 表单input的name.即 提交时获取input的name。也为search.asp页面获取input的name inputText inputName 所显示的数据 inputValue inputName 所提交的数据，当inputValue省略时，inputValue则与inputText相等 url 远程执行获取数据的url arrow 模仿select，使用下拉按钮。固定值。为1则显示下拉箭头 为0则不显示 arrowUrl 当arrow为1时 ，默认情况下点击下拉按钮所执行的远程搜索页面 zIndex z-index值 inputlength inputName中输入数据的最小长度 suggestWidth 提示框的长度 fns 当执行完该插件时，执行的回调函数 ************************************************************************ search.asp页面介绍： 该页面返回数据必须是xml格式,输出数据数据必须符合以下格式 <response value="1" result ="共2个结果">显示信息</response> 属性介绍： 1.value aa的value值，可以不填。不填value值则取"显示信息" 2.result 显示远程获取的统计结果，可以不填。 3.显示信息 即aa的显示值text值 ************************************************************************
利用jsonp实现百度联想词查询
weixin_34292287的博客
05-01 195
所谓jsonp,就是json的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题,而接下来要写的案例就是利用了这个原理。首先我们可以在百度查找中随便输入一些内容 接着打开控制台的Network，便可看到如上图所示，接着复制Request URL的内容，箭头所指的内容其实就是搜索的函数，即cb=函数名，接着看如下代码<!DOCTYPE html> <html lang="...
jq仿百度联想词搜索
weixin_34221276的博客
07-27 321
效果 这个是搜索框的图 这个是搜索结果图 所实现的功能点是一下几点： 1.输入前缀词，发ajax请求联想词列表 2.支持键盘向下向上箭头选中列表某一项。 3.支持enter搜索 4.支持左键点击搜索 5.支持前缀词变色 源码链接 运行 npm install npm run dev 浏览器打开：localhost：3000 复制代码 转载于:https://juejin.im/post/5b...
百度搜索的一个联想搜索框是如何实现的利用AJAX实现
qq_35417353的博客
07-04 2291
实现类似于百度搜索的一个联想搜索框效果图考虑实现的步骤1.创建相应的数据库并且存储数据2.测试一下数据传输回来得搜索结果3.模拟搜索页面4.导入需要用到的JAR包和配置文件5.在网页为输入框绑定事件反馈给服务器6最后运行Tomcat查看实际效果 效果图 在输入一个字以后就会出现联想的关联对象 考虑实现的步骤 1.要有一个数据库存储有相关数据 2.搜索框在接受到数据时候能够向后端发送数据并且将数据反馈在客户端 3.这是一个异步的操作 1.创建相应的数据库并且存储数据 -- 创建db10数据库 CREATE
类似百度搜索提示效果（asp.net+JQ+Ajax）
ch1027678704的专栏
06-09 5524
$(document).ready(function () { $("li").live("click", function () { $("#txtCode").val($(this).text()); }) $("li").live({ mouseenter
仿百度谷歌文本框实现联想查询功能
从文件名称列表“仿百度输入框仿百度输入框联想查询”来看，该压缩包文件可能包含了实现上述功能的代码或程序。这个程序可能是用来仿制百度搜索引擎输入框中的联想查询功能，用以在其他网页或应用程序中实现类似的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值