JQuery搜索与实时结果

时间:2012-11-15 15:31:04

标签: javascript jquery ajax

我正在使用我编写的脚本来获取页面下方显示的搜索结果,现在这可以正常运行我想但是当我输入一个长期的发送时,所有请求都会发送到服务器并且当然响应会在稍后发生得到了一些堆积,导致快速变化的div,我想用来显示结果,这真的很丑陋和烦人,我真的无法在互联网上找到任何关于此的例子。

这是我的AJAX脚本,它触发了ajax调用。

$(".harmster_form_replace_onchange input[type=text]").live("keyup paste", function(e){

    if($(this).val().length >=2 || e.keyCode==8)
    {
        var form = $(this).closest('form');
        var target = $(form).attr("target");
        loader_img(target);
        var url = $(form).attr('action');
        $($(form).attr("target")).hide();
            $($(form).attr("target")).fadeIn('fast', function(){
            $.post(url, $(form).serialize(), function(data){
                $(target).html(data);
            });
        });
    }
    return false;
});

1 个答案:

答案 0 :(得分:0)

我过去所做的是在点击服务器之前创建一个短暂的延迟。以下是使用jQuery执行此操作的一些示例:

How to delay the .keyup() handler until the user stops typing?