Mostrar aviso de carregamento

[Julio Cavallari 3]

Tenho uma função AJAX e gostaria que enquanto o AJAX não me retorna o alerta de sucesso, ele me mostrasse algum aviso que está carregando, mas não faço ideia de como fazer.

Segue a função

$(".cadastrar_animal").submit(function(){
		$.ajax({
			url:'http://mvet.esy.es/server_mvet/cad_animal.php',
			type:'post',
			dataType : "text",
			data:$(".cadastrar_animal").serialize(),
			success: function(retorno){
				alert(retorno);
                window.location.href = 'pets.html';
			},
			error: function(){
				alert("Não possível se conectar!!");
			}
		});
		return false;
	});

[Julio Cavallari 3]

Up

[William Bruno 1501]

cria uma tag img#loading

<img src="loading.gif" id="loading" />

$(".cadastrar_animal").submit(function(){
  $('#loading').show();
  $.ajax({
    url:'http://mvet.esy.es/server_mvet/cad_animal.php',
    type:'post',
    dataType : "text",
    data:$(".cadastrar_animal").serialize(),
    success: function(retorno){
      alert(retorno);
      window.location.href = 'pets.html';
      $('#loading').hide();
    },
    error: function(){
      alert("Não possível se conectar!!");
    }
  });
  return false;
});