[RESOLVIDO] Dialog de loading para todas requisções ajax

Front-end
#1

Pessoal, bom dia!

Possuo a necessidade de apresentar um dialog modal com um gif animado sempre que houver um processamento ajax.
Só que eu não quero dentro de cada requisição ajax chamar um beforeSend, por exemplo, para fazer algo antes do ajax, e sim de alguma forma, adicionar no template das minhas páginas isso automaticamente, para que cada requisição ajax que acontecer ele apareça sem que eu altere o meu código.

Eu sou um aspirante em jQuery e tentei fazer isso, mas não deu certo:

$(document).ready(
        function(){
              $.ajax({
                    beforeSend: function(){
                         alert("Antes do Ajax");
                    }
              });
        }
);

Assim só apresenta, neste caso o alert(), ao carregar a página.

Alguém poderia “me dar uma luz” :idea: ?

Obrigado!

#2

Jquery já tem uma função que faz isso.

$(document).ajaxStart(function(){
			$("#ampulheta").dialog("open");
		});
		
		$(document).ajaxStop(function(){
			$("#ampulheta").dialog("close");
			
		});

Daí no ajaxStart a cada requisição ajax ele abre um dialog.
E no final no ajaxStop ele fecha o dialog.

#3

lele_vader,

Testei aqui e funcionou perfeitamente… não tinha conhecimento destes eventos (ajaxStart e ajaxStop) do jQuery.

Muito obrigado! :smiley:

#4

Eu tive que fazer a mesma coisa que você uma vez.
Vivendo e aprendendo não é.rsrs

#5