【jQuery】Ajax通信中のボタン連打を防ぐ方法

$(function(){
    var canAjax = true;

    $('.hoge').on('click', function() {
        // Ajax処理中は新たな処理をスタートしない
        if(!canAjax) {
            console.log('通信中');
            return;
        }
        canAjax = false; // これからAjaxを使うので、新たなAjax処理が発生しないようにする

        // Ajax
        $.ajax({
            type:'POST',
            url:'https://example.com/hoge',
            dataType: 'json',
        }).done(function (results){
            // 成功時
        }).fail(function(jqXHR, textStatus, errorThrown){
            // 失敗時
        }).always(function() {
            // 成否に関わらず実行
            canAjax = true; // 再びAjaxできるようにする
        });
    });
});