servlet和ajax实现智能提示

onkeyup

键盘按下函数

getmorecontent()

获得用户输入,

document.getelementbyid

判断是否为空

发送,

ajax一步

XMLhttp对象,

获得它

createXMLhttp().函数

window.XMLhttprequest

true

获取

new

如果是activexobject

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

主要考虑浏览器的兼容性

如果不支持这个参数

用msxml2.XMLhttp

创建完之后,发送服务器

定义一个URL


图片发自简书App

回调方法

search是servlet的映射

图片发自简书App


图片发自简书App

展示获得数据


图片发自简书App



图片发自简书App

后台程序

获取浏览器发送的数据

keyWord


图片发自简书App


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


图片发自简书App

前后台联动,完善

清空显示过的数据

clearcontent()


图片发自简书App

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

函数体调用清除函数,

当获得焦点onfocus

调用getmorecontent()函数

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,174评论 19 139
  • 1、ajax技术的背景 不可否认,ajax技术的流行得益于google的大力推广,正是由于google earth...
    raincoco阅读 3,097评论 0 4
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 11,903评论 0 17
  • 个人博客:https://yeaseonzhang.github.io 花了半个多月的时间,终于又把“JS红宝书”...
    Yeaseon阅读 5,742评论 2 23
  • 日常生活中,我们随处可见互相指责的夫妻 和孩子相处时,你是不是经常摆出一副权威的样子来? 面对同事和上级领导的指责...
    顽颜瞳阅读 3,388评论 1 0

友情链接更多精彩内容