小编Pra*_*sar的帖子

如何避免keyup事件上连续ajax请求的开销?

例如,当用户输入一些文本时,在搜索表单中,AJAX请求应该发送每个keyup事件,搜索键作为查询字符串.搜索键将是输入框中的值.

如果用户输入"ABCD",在这种情况下,前3个AJAX请求应该被杀/取消,因为在第4个AJAX请求中,searchkey将是"ABCD"

$(document).ready(function(){
    $("#searchInput").keyup(function(){
        ajaxSearch( $("#searchInput").val() );
    });
});
Run Code Online (Sandbox Code Playgroud)

在keyup事件中,我调用了"ajaxSearch()"函数.

function ajaxSearch(searchKey) {
    $.ajax({
        type: "get",
        url: "http://example.com/ajaxRequestHandler/",
        data: "action=search&searchkey=" + searchKey
    }).done(function() {
        /* process response */
    });
}
Run Code Online (Sandbox Code Playgroud)

javascript optimization performance jquery

5
推荐指数
2
解决办法
1437
查看次数

标签 统计

javascript ×1

jquery ×1

optimization ×1

performance ×1