Fork me on GitHub

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)    
});

  

posted @   WantRemake  阅读(189)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
点击右上角即可分享
微信分享提示