作者yongb (火系見習魔法師 )
看板Ajax
標題[問題] 如何用Ajax做到不用按鈕直接即時顯示
時間Sat Jun 18 19:13:24 2016
各位前輩好
是這樣的
最近做一個網頁
想要
html的框框輸入東西
不用按按鈕
框框的下面直接顯示輸入進去的後端處理結果
後端是PHP連SQL抓資料（這邊已經寫好了）
e.g.
我在框框輸入新北
下面直接跑出新北所有的醫院
ajax爬了一整個下午沒有頭緒
各位先進能給教學範例網站或是一些關鍵字嗎？
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.38.116.252
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Ajax/M.1466248407.A.B47.html
1F：推 EPGo: AngularJS？ 06/18 19:16
2F：推 illl: keyup的時候settimeout call ajax? 06/18 19:45
3F：推 icydream: google autocomplete 06/18 20:00
我意思不是自動填入
而是框框在沒有按鈕的情況下可以自動送出資料
然後在下面顯示後台處理好的值
4F：推 ccvs: 推 awesomplete 06/18 20:23
感謝各位大大，我發覺我JS基礎實在太薄弱
也許我再加強一下就能迎刃而解了
※ 編輯: yongb (114.38.120.189), 06/18/2016 21:39:10
5F：推 oToToT: 自己keyup送ajax www 06/18 22:41
6F：推 banana2014: 在onkeydown事件中觸發ajax，使下方div的inner html 06/19 16:48
7F：→ banana2014: 變更內容為ajax的傳回值 06/19 16:48
8F：推 async: html5的WebSocket 06/20 14:49
9F：推 crossdunk: .change 06/20 16:55
10F：推 aa06697: keyup keydown 這些就可以了 06/22 09:07
11F：推 defsrisars: 意思是像FB那樣 打個字 下面就會跑出相關人吧 06/29 13:23
12F：推 shuangrain: blur 07/21 23:02
13F：推 KKFN: 資料量少的話才能這樣玩 07/31 20:39
14F：推 conanist: 樓上正解，不然你需要龐大的搜尋資料備用 08/02 23:19
15F：→ conanist: 如果用keydown 或keyup觸發 你會一直送request 08/02 23:20
16F：→ conanist: 回應時間你需要注意 08/02 23:20
17F：→ KawasumiMai: 三樓講的autocomplete又不限於自動完成 08/03 22:13
18F：→ KawasumiMai: 他送出request求得關鍵字提示的過程就是你要做的 08/03 22:14