javascript - jQuery ajax 双重调用

Question

我有 jquery(ajax) 的问题，我有这个功能：

page: function(p, cont) {

    cont = typeof cont !== 'undefined' ? cont : this;

    $.ajax({
        url: p,
        timeout: 10000,
        complete: function() {...}
    }).done(function(html) {
        $(cont).append(html);
    });

}

当我在 html (onClick) 中使用此功能时，每次单击按钮请求重复时，如何防止这种情况发生？我只想加载一次内容。

注意：此功能由多个按钮使用，而不仅仅是一个。

谢谢！

Answer 1

您可以尝试将全局范围内的变量用作“阻止程序”，例如：

var blocker = false;

page: function(p, cont) {
    if(!blocker){
        blocker = true;
    }else{
        return;
    }
    cont = typeof cont !== 'undefined' ? cont : this;   
    $.ajax({
        url: p,
        timeout:10000,
        complete: function() { ... }
        }).done(function(html) {
            $(cont).append(html);
    });

}