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

看板Ajax作者 (火系見習魔法師 )時間8年前 (2016/06/18 19:13), 8年前編輯推噓13(1305)
留言18則, 14人參與, 最新討論串1/1
各位前輩好 是這樣的 最近做一個網頁 想要 html的框框輸入東西 不用按按鈕 框框的下面直接顯示輸入進去的後端處理結果 後端是PHP連SQL抓資料(這邊已經寫好了) e.g. 我在框框輸入新北 下面直接跑出新北所有的醫院 ajax爬了一整個下午沒有頭緒 各位先進能給教學範例網站或是一些關鍵字嗎? -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.38.116.252 ※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1466248407.A.B47.html

06/18 19:16, , 1F
AngularJS?
06/18 19:16, 1F

06/18 19:45, , 2F
keyup的時候settimeout call ajax?
06/18 19:45, 2F

06/18 20:00, , 3F
google autocomplete
06/18 20:00, 3F
我意思不是自動填入 而是框框在沒有按鈕的情況下可以自動送出資料 然後在下面顯示後台處理好的值

06/18 20:23, , 4F
推 awesomplete
06/18 20:23, 4F
感謝各位大大,我發覺我JS基礎實在太薄弱 也許我再加強一下就能迎刃而解了 ※ 編輯: yongb (114.38.120.189), 06/18/2016 21:39:10

06/18 22:41, , 5F
自己keyup送ajax www
06/18 22:41, 5F

06/19 16:48, , 6F
在onkeydown事件中觸發ajax,使下方div的inner html
06/19 16:48, 6F

06/19 16:48, , 7F
變更內容為ajax的傳回值
06/19 16:48, 7F

06/20 14:49, , 8F
html5的WebSocket
06/20 14:49, 8F

06/20 16:55, , 9F
.change
06/20 16:55, 9F

06/22 09:07, , 10F
keyup keydown 這些就可以了
06/22 09:07, 10F

06/29 13:23, , 11F
意思是像FB那樣 打個字 下面就會跑出相關人吧
06/29 13:23, 11F

07/21 23:02, , 12F
blur
07/21 23:02, 12F

07/31 20:39, , 13F
資料量少的話才能這樣玩
07/31 20:39, 13F

08/02 23:19, , 14F
樓上正解,不然你需要龐大的搜尋資料備用
08/02 23:19, 14F

08/02 23:20, , 15F
如果用keydown 或keyup觸發 你會一直送request
08/02 23:20, 15F

08/02 23:20, , 16F
回應時間你需要注意
08/02 23:20, 16F

08/03 22:13, , 17F
三樓講的autocomplete又不限於自動完成
08/03 22:13, 17F

08/03 22:14, , 18F
他送出request求得關鍵字提示的過程就是你要做的
08/03 22:14, 18F
文章代碼(AID): #1NPIpNj7 (Ajax)
文章代碼(AID): #1NPIpNj7 (Ajax)