Javascript 引导按钮“加载”动画在最后工作

我有一个按钮，可以调用Ajax函数并在某个文本区域显示用户的信息

HTML:

<button id="btnUsers" class="btn btn-primary pull-left btn-lg" onclick='navUsers.getUsers();' data-loading-text="<i class='fa fa-spinner fa-spin '></i> Processing Order">  Get Users   </button>
<textarea id="resultUsers" name="resultUsers" cols="100" rows="18" class="form-control"></textarea>

问题是：按钮的“加载”动画只有在Ajax工作完成之后才开始，而不是之前。我尝试了一些“模态”引导div，在加载用户时显示mensajes，同样的情况也发生了。我还尝试了Ajax中的beforesendoption，结果相同

var navUsers = new function (){ 
    this.getUsers = function(){
       $("#btnUsers").button('loading');
       setTimeout(function() {
          $.ajax({ 
            //ajax stuff,
            success:function(){
            $("#btnUsers").button('reset');
          }
       })
    }, 1000);

    };
};

var navUsers = new function (){ 
    this.getUsers = function(){
       $("#btnUsers").button('loading');
       setTimeout(function() {
          $.ajax({ 
            //ajax stuff,
            success:function(){
            $("#btnUsers").button('reset');
          }
       })
    }, 1000);

    };
};