servlet和ajax实现智能提示

onkeyup

键盘按下函数

getmorecontent()

获得用户输入,

document.getelementbyid

判断是否为空

发送,

ajax一步

XMLhttp对象,

获得它

createXMLhttp().函数

window.XMLhttprequest

true

获取

new

如果是activexobject

new,,,,,,,(mircrosoft.XMLhttp)

主要考虑浏览器的兼容性

如果不支持这个参数

用msxml2.XMLhttp

创建完之后,发送服务器

定义一个URL


servlet和ajax实现智能提示_第1张图片
图片发自App

回调方法

search是servlet的映射

servlet和ajax实现智能提示_第2张图片
图片发自App


servlet和ajax实现智能提示_第3张图片
图片发自App

展示获得数据


servlet和ajax实现智能提示_第4张图片
图片发自App



servlet和ajax实现智能提示_第5张图片
图片发自App

后台程序

获取浏览器发送的数据

keyWord


servlet和ajax实现智能提示_第6张图片
图片发自App


定义获得关联数据的方法getdate()


servlet和ajax实现智能提示_第7张图片
图片发自App

前后台联动,完善

清空显示过的数据

clearcontent()


servlet和ajax实现智能提示_第8张图片
图片发自App

当输入框失去焦点时调用函数keyWordblur()

函数体调用清除函数,

当获得焦点onfocus

调用getmorecontent()函数

你可能感兴趣的:(servlet和ajax实现智能提示)