[問題] 如何用Ajax做到不用按鈕直接即時顯示 yongb PTT批踢踢實業坊

作者: yongb (火系見習魔法師 ) 2016-06-18 19:13:24

各位前輩好
是這樣的
最近做一個網頁
想要
html的框框輸入東西
不用按按鈕
框框的下面直接顯示輸入進去的後端處理結果
後端是PHP連SQL抓資料（這邊已經寫好了）
e.g.
我在框框輸入新北
下面直接跑出新北所有的醫院
ajax爬了一整個下午沒有頭緒
各位先進能給教學範例網站或是一些關鍵字嗎？

作者: EPGo 2016-06-18 19:16:00

AngularJS？

作者: illl (ill!) 2016-06-18 19:45:00

keyup的時候settimeout call ajax?

作者: icydream (巧虎) 2016-06-18 20:00:00

google autocomplete

作者: ccvs (kisS x Sis) 2016-06-18 20:23:00

推 awesomplete

作者: oToToT (å±å©) 2016-06-18 22:41:00

自己keyup送ajax www

作者: banana2014 (香蕉共和國) 2016-06-19 16:48:00

在onkeydown事件中觸發ajax，使下方div的inner html變更內容為ajax的傳回值

作者: async (非同步) 2016-06-20 14:49:00

html5的WebSocket

作者: crossdunk (推噓自如) 2016-06-20 16:55:00

.change

作者: aa06697 (todo se andarà) 2016-06-22 09:07:00

keyup keydown 這些就可以了

作者: defsrisars (阿轉) 2016-06-29 13:23:00

意思是像FB那樣打個字下面就會跑出相關人吧

作者: shuangrain (粗奶丸) 2016-07-21 23:02:00

blur

作者: KKFN (John) 2016-07-31 20:39:00

資料量少的話才能這樣玩

作者: conanist (QQ) 2016-08-02 23:19:00

樓上正解，不然你需要龐大的搜尋資料備用如果用keydown 或keyup觸發你會一直送request回應時間你需要注意

作者: KawasumiMai (さあ、死ぬがいい) 2016-08-03 22:13:00

三樓講的autocomplete又不限於自動完成他送出request求得關鍵字提示的過程就是你要做的

繼續閱讀