首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

模拟百度的自动上拉提示框

2012-10-13 
模拟百度的自动下拉提示框最近开始接触AJAX,最初以为是一种很新很时髦的技术,等学习了一段时间后,发现不过

模拟百度的自动下拉提示框

最近开始接触AJAX,最初以为是一种很新很时髦的技术,等学习了一段时间后,

发现不过是一些老技术的结合。最重要的就是XMLHttpRequest对象(JS)

正所谓学以致用,今天突发灵感,觉得百度的自动下拉提示框应该是用AJAX实现的,

于是心头一热,忙了大半个晚上,写了个简单的WEB程序。

下面给大家分享下自己的拙作,希望大家多点评下。

本网站前端采用的JSP,后台为Servlet模块。

数据库采用流行的MySQL。

在实现功能之前,应该了解一下基本的原理。


首先是要知道对表单的输入框的响应事件。

Javascript中有onpropertychange(IE支持)和oninput(FF等)

对于IE来说,可以这样来实现:



Google Chrome:


模拟百度的自动上拉提示框


(数据库用户名和密码可以在QueryServlet.java类里改)

(别忘了在类库里添加MySQL驱动包)

(整个web项目放在资源里,供大家分享)

至于百度的图片,呵呵,自己去官网索取吧。模拟百度的自动上拉提示框


Over...


热点排行