input标签作为搜索框时延时查询
keyup事件,会在我们点击一下键盘,就会触发一下。而在真实开发过程中,我们需要通过ajax请求数据。如果点击一下,请求一下。就会频繁发送请求,不建议这样做。
所以我们需要等搜索内容输入完以后,发送一次请求。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | var lastInput = null; // 上一次输入的延迟 $('输入框input标签').on('keyup', function(event) { clearTimeout(lastInput); lastInput = setTimeout(() => { // 在你停止输入250ms后,发送请求 $.ajax({ type: 'post', url: '', data: { selectParam: $(this).val() }, dataType: "json", success: function (res) { }, error: function () { layer.close(loading); } }) }, 250) }); |
分类:
问题总结
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!