jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了密钥函数之间的Jquery延迟大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在编写一些代码,尝试使用即时搜索结果在我的网站中集成bing搜索API.我使用 jquery的keyup函数将数据发送到我的服务器端脚本,然后获取bing搜索xml并显示结果.

我担心的是,我将为我的脚本制作太多不必要的命中.
有人可以看看这个并告诉我如何键盘作为计时器之间延迟1秒?所以它只会每隔一秒左右更新一次结果?

这是我到目前为止创造的,但我不知道它是否正确???

<script type="text/javascript">
var delay = (function() {

    var timer = 0;

    return function(callBACk,ms) {

        clearTimeout(timer);

        timer = setTimeout(callBACk,ms);

    };

})();



function reloadsearch() {
    var searchterms = $('#q').val();
    if (searchterms.length >= 3) {
        delay(function() {
            var data = 'source=ajax&q=' + searchterms;
            $.ajax({
                type: "GET",url: "results/",data: data,success: function(html) {
                    if (html !== '') {
                        $("#search-results").html(html);
                        $("#search-results").fadeIn(500);
                    }
                }
            });
        },250);
    }

    else

    {
        $("#search-results").fadeOut(250);
    }
};



$('#q').keyup(function() {
    reloadsearch()
});

$(document).ready(function() {
    reloadsearch()
});

解决方法

下面是@L_874_10@输入框的示例,该输入框以较慢的速率输入和搜索输入.

http://jsbin.com/ebela4/8/edit

这个例子没有做ajax片段,但你会明白这个想法.尝试尽可能快地输入输入框.它将以延迟的速率更新搜索框.它记得状态是“脏”,然后必要时刷新.

希望这能让你开始.

短发

大佬总结

以上是大佬教程为你收集整理的密钥函数之间的Jquery延迟全部内容,希望文章能够帮你解决密钥函数之间的Jquery延迟所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。