原文：Jquery实现搜索框提示功能
博客的前某一篇文章中http: www.cnblogs.com hEnius p .html写过一个用Ajax来实现一个文本框输入的提示功能。最近在一个管理项目的项目中，使用后发现，真的反应很慢，数据量很大的情况下使用Ajax去实现真的不合适，于是，我又写了一个使用Jquery来实现方法。 废话不多说，上图上代码: 引用方式： JS代码： index.css: 后台的webservice代码这里就 ...
2013-08-05 14:04 2 2087 推荐指数：
相关推荐
平时使用谷歌搜索的时候发现只要在文本框里输入部分单词或字母，下面马上会弹出一个相关信息的内容框可供选择。感觉这个功能有较好的用户体验，所以也想在自己的网站上加上这种输入提示框。 实现的原理其实很简单，在输入页面利用JQuery获取用户输入，然后通过AJAX异步发送到处理页面，处理 ...
心得：使用异步请求服务端响应的数据既可以是普通文本字符串亦可以是另外一个转发后的jsp页面（jsp页面处理后的数据响应给客户端），也可以是xml数据和json数据，根据不同的数据可以在客户端作出响应的 ...
搜索框输入搜索名字，从数据库中筛选名字, 如果有包含输入的字母的名字则以json格式返回并且显示在搜索框下： html文件： 对应的视图函数： ...
效果图： 可以通过 https://littlehiuman.github.io/05-SearchList/ 查看效果。 https://github.com ...
搜索框的原理： 客户端：输入要搜索的关键字于文本框，然后文本框将关键字获取，使用ajax发送请求到服务端，然后根据服务端返回来的信息显示到一个div中 服务端：接收传过来的数据，然后在数据库中搜索，再返回数据给客户端 首先是客户端 新建一个输入框 ...
首先是客户端 新建一个输入框 在输入框的下面创建一个div，先让他隐藏起来 注：搜索框的定位可以使用绝对定位，定在输入框的下面，搜索按钮可以加在输入框的旁边，同样也是使用绝对定位 接下来是使用jq发送ajax请求（这里使用的是json格式的数据 ...
搜索框的原理：客户端：输入要搜索的关键字于文本框，然后文本框将关键字获取，使用ajax发送请求到服务端，然后根据服务端返回来的信息显示到一个div中服务端：接收传过来的数据，然后在数据库中搜索，再返回数据给客户端 首先是客户端新建一个输入框 <input type ...