input输入框输入延时请求（时时搜索）

裴伟建

于 2018-03-01 17:33:39 发布

阅读量1.4w

点赞数 4

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/pwjiferox/article/details/79415439

本文介绍了一种在用户输入时使用延时请求进行搜索功能的实现方式。通过监听输入框的keyup事件并设置定时器，在用户停止输入一秒钟后发起搜索请求。此方法能够减少服务器不必要的负载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当input正在获得焦点时停1s在请求

        var timeoutId = 0;
        $('#id').off('keyup').on('keyup', function (event) {
            clearTimeout(timeoutId);
            timeoutId = setTimeout(function () {
                    $.ajax({
                        url: '__MODULE__/Base/getSearchStation',
                        dataType: 'json',
                        data: {'search': ''},
                        type: 'POST',
                        success: function (re) {
                           //do something
                        }
                    });
            }, 1000);
        });