servlet和ajax實現(xiàn)智能提示

onkeyup

鍵盤按下函數(shù)

getmorecontent()

獲得用戶輸入,

document.getelementbyid

判斷是否為空

發(fā)送,

ajax一步

XMLhttp對象,

獲得它

createXMLhttp().函數(shù)

window.XMLhttprequest

true

獲取

new

如果是activexobject

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

主要考慮瀏覽器的兼容性

如果不支持這個參數(shù)

用msxml2.XMLhttp

創(chuàng)建完之后,發(fā)送服務器

定義一個URL


圖片發(fā)自簡書App

回調方法

search是servlet的映射

圖片發(fā)自簡書App


圖片發(fā)自簡書App

展示獲得數(shù)據(jù)


圖片發(fā)自簡書App



圖片發(fā)自簡書App

后臺程序

獲取瀏覽器發(fā)送的數(shù)據(jù)

keyWord


圖片發(fā)自簡書App


定義獲得關聯(lián)數(shù)據(jù)的方法getdate()


圖片發(fā)自簡書App

前后臺聯(lián)動,完善

清空顯示過的數(shù)據(jù)

clearcontent()


圖片發(fā)自簡書App

當輸入框失去焦點時調用函數(shù)keyWordblur()

函數(shù)體調用清除函數(shù),

當獲得焦點onfocus

調用getmorecontent()函數(shù)

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,534評論 19 139
  • 1、ajax技術的背景 不可否認,ajax技術的流行得益于google的大力推廣,正是由于google earth...
    raincoco閱讀 452評論 0 4
  • ¥開啟¥ 【iAPP實現(xiàn)進入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程,因...
    小菜c閱讀 7,317評論 0 17
  • 個人博客:https://yeaseonzhang.github.io 花了半個多月的時間,終于又把“JS紅寶書”...
    Yeaseon閱讀 1,850評論 2 23
  • 日常生活中,我們隨處可見互相指責的夫妻 和孩子相處時,你是不是經常擺出一副權威的樣子來? 面對同事和上級領導的指責...
    頑顏瞳閱讀 526評論 1 0

友情鏈接更多精彩內容