Executar ação enquanto espera resposta de requisição assíncrona em Aja

[Thiago - Bulfaitelo 6]

Olá, novamente queria saber como eu posso executar uma ação enquanto estou aguardando a resposta da requisição, por exemplo na minha duvida anterior eu estava consultando um CEP e assim que recebesse a resposta ele me preenchia os campos com os dados solicitados.

Porem dessa forma eu não sei como dizer ao usuário que algo está sendo processado por exemplo queria que enquanto a requisição não fosse retornada eu exibisse alguma ampulheta animada em gif na tela para o usuário ficar ciente que algo está sendo processado.

Alguém poderia me dar alguma luz ?

Deixarei abaixo o código de Exemplo que estou usando para a buscado CEP:

$(document).ready( function() {
  
   $('#form_cep').blur(function(){
          
           $.ajax({
                url : 'ajax/get_data_ajax.php', 
                type : 'POST', 
                data : 'form_cep=' + $('#form_cep').val() + '&acao=cep', 
                dataType: 'json', 
                success: function(data){
                    if(data.sucesso == 1){
                    	
                        $('#form_rua').val(data.rua);
                        $('#form_bairro').val(data.bairro);
                        $('#form_cidade').val(data.cidade);
                        $('#form_estado').val(data.estado);                        
  
                        $('#form_numero').focus();
                    }
                },
   				error: function (xhr, ajaxOptions, thrownError) {
		        alert(xhr.responseText);
		        alert(ajaxOptions);
		        alert(thrownError);

		      }
           });   
   return false;    
   })
});

Desde já agradeço toda e qualquer ajuda.

[William Bruno 1501]

   $('#form_cep').blur(function(){

//coloca o loading

$.ajax({

                success: function(data){

//remove o loading

if(data.sucesso == 1){

ai pode ser o append() de uma tag <img /> ou apenas um display: none|block;

[Thiago - Bulfaitelo 6]

William Muito Obrigado pela dica, eu não imaginava que seria tão fácil :)

 

Segue o código pronto para futuras consultas:

$(document).ready( function() {  
   $('#form_cep').blur(function(){
          $('#load_img').show();
           $.ajax({
                url : 'ajax/get_data_ajax.php', 
                type : 'POST', 
                data : 'form_cep=' + $('#form_cep').val() + '&acao=cep', 
                dataType: 'json', 
                success: function(data){
                    $('#load_img').hide();                    
                    if(data.sucesso == 1){                    	 
                        $('#form_rua').val(data.rua);
                        $('#form_bairro').val(data.bairro);
                        $('#form_cidade').val(data.cidade);
                        $('#form_estado').val(data.estado);                        
  
                        $('#form_numero').focus();
                    }
                },
   				error: function (xhr, ajaxOptions, thrownError) {
		        alert(xhr.responseText);
		        alert(ajaxOptions);
		        alert(thrownError);

		      }
           });   
   return false;    
   })
});