Como mostrar um elemento oculto com jQuery - javascript, jquery

Eu tenho um ícone de ocupado na minha página que tem uma classe de "oculto". Quando o usuário clica em um botão para iniciar o processamento dos dados de entrada, quero mostrar o ícone de ocupado. Estou fazendo isso com

$("#busy").removeClass("hidden");

Imediatamente após remover a classe oculta, uso AJAX para obter alguns dados do servidor, exibi-los na página e adiciono a classe oculta de volta à imagem de ocupado.

Meu problema é que o ícone de ocupado nunca é exibido. Não sou um especialista em javascript / jQuery, mas acho que isso ocorre porque a página não é redesenhada até que a execução do script seja concluída.

Como faço para que o ícone de ocupado seja exibido enquanto o processamento AJAX está em andamento?

Respostas:

Tente isso

Primeiro, você vincula sua imagem em um div

Então

Tente isso, vai funcionar bem

$.ajax({
url : "URL",
data: { data },
beforeSend: function(){
$("#loading").show();
},
complete: function(){
$("#loading").hide();
},
success:  function (response) {

});
});