[問題] 如何用Ajax做到不用按鈕直接即時顯示

[yongb (火系見習魔法師 )]

各位前輩好

是這樣的

最近做一個網頁

想要

html的框框輸入東西

不用按按鈕

框框的下面直接顯示輸入進去的後端處理結果


後端是PHP連SQL抓資料（這邊已經寫好了）


e.g.

我在框框輸入新北

下面直接跑出新北所有的醫院


ajax爬了一整個下午沒有頭緒

各位先進能給教學範例網站或是一些關鍵字嗎？

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.38.116.252
※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1466248407.A.B47.html
推 EPGo: AngularJS？
推 illl: keyup的時候settimeout call ajax?
推 icydream: google autocomplete
我意思不是自動填入

而是框框在沒有按鈕的情況下可以自動送出資料

然後在下面顯示後台處理好的值

推 ccvs: 推 awesomplete
感謝各位大大，我發覺我JS基礎實在太薄弱

也許我再加強一下就能迎刃而解了
※ 編輯: yongb (114.38.120.189), 06/18/2016 21:39:10
推 oToToT: 自己keyup送ajax www
推 banana2014: 在onkeydown事件中觸發ajax，使下方div的inner html
→ banana2014: 變更內容為ajax的傳回值
推 async: html5的WebSocket
推 crossdunk: .change
推 aa06697: keyup keydown 這些就可以了
推 defsrisars: 意思是像FB那樣 打個字 下面就會跑出相關人吧
推 shuangrain: blur
推 KKFN: 資料量少的話才能這樣玩
推 conanist: 樓上正解，不然你需要龐大的搜尋資料備用
→ conanist: 如果用keydown 或keyup觸發 你會一直送request
→ conanist: 回應時間你需要注意
→ KawasumiMai: 三樓講的autocomplete又不限於自動完成
→ KawasumiMai: 他送出request求得關鍵字提示的過程就是你要做的