ajax div隐藏,显示或隐藏div不使用async false ajax调用

我有一些函数可以进行一些ajax调用。

为了按需要执行所有操作，这些请求必须设置为async: false。

一切都好用ajax调用。我的问题是我需要在发送请求之前显示div(一个简单的css加载器)并在它之后隐藏它，但它没有显示。

这是我的功能：

$("#btn1").on('click', function(){

// Apparently it does not executes this

$('.container-loader').show();

//execute the function and handle the callback

doSomeStuff(function(c){

if(!c.ok){

showModalWarning();

$('#text').append('

'+c.msg+'');

}

else{

toastr.success('Everything is ok');

doOtherStuff($("#select").val());

}

});

var modal = document.getElementById('Modal1');

modal.style.display = "none";

return false;

});

发出请求的doSomeStuff()函数：

function doSomeStuff(callback){

//...

for (var i = 0; i < ids.length; i++) {

var Id = ids[i][0];

var ch = ids[i][1];

var tp = 2;

var url = 'http://domain.com.br:8080/datasnap/rest/TSM/Fun/' + tp + '/' + $("#select").val() + '/' + ch;

$.ajax({

cache: "false",

async: false, //it needs to by with async false

dataType: 'json',

type: 'get',

url: url,

success: function(data) {

if (!data)

toastr.error('error' );

},

error: function(jqXHR, textStatus, errorThrown) {

toastr.error("some problem");

}

});

}

callback({ok: true});

}

有关如何处理此问题的任何想法？我非常喜欢异步的东西。