javascript - jQueryajaxダブルコール

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）で使用すると、ボタンをクリックするたびにリクエストが繰り返されますが、それを防ぐにはどうすればよいですか？コンテンツを1回だけロードしたい。

注：この機能は、1つだけでなく複数のボタンで使用されていました。

ありがとう！

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);
    });

}