作者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/cn.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