日期:2014-05-16  浏览次数:20570 次

ajax+jquery实现类似百度搜索提示框

ajax+jquery实现类似百度搜索提示框

需求:

1、???? 输入某一关键字后,在搜索框下会显示出与此关键字相关的提示信息

2、???? 可以通过键盘的上下键以及回车键进行操作

?

思路:

1、???? 输入关键字后,通过ajax异步的方式将关键字提交给相应的处理模块,获得处理结果(主要是通过查询数据库中某张表获得以此关键字开头的符合要求的数据),然后再加载到页面上。

2、???? 通过获取用户操作键盘的event.keyCode值来进行不同的操作。(up:38? down: 40? enter:13)

?

下面给出主要的代码:

页面html代码:

<div class="searchformdiv">

??????????????????????????? <form id="searchform" action="<%=basePath%>web/search-list.shtml"? onsubmit="return f_search()" target="_self">

????????????????????????????????????????? <div><input type="text" id="keywords" class="inputtextsearch2"