AjaxStart e AjaxStop.

13/08/2017

0

Galera, feliz dia dos pais primeiramente =D.

Vamos lá, estou iniciando meus estudos no jQuery e Ajax e estou com a seguinte dúvida.

Tenho o seguinte Script.

$(document).ajaxStart(function(){
$('#loading').show();
$('#loading').removeClass('hidden-lg');
});

$(document).ajaxStop(function(){
$('#loading').hide();
$('#loading').addClass('hidden-lg');
});

<div class="col-lg-2" id="loading">
<img style="width: 30px; margin-left: 10px;" src="imgs/loading.gif" alt="loading">
</div>

É um script que carrega um loading quando a requisição é iniciada e tira o loading quando termina a requisição. Mas tenho dois problemas.

1º = O loading já vem ativo sem nem ter feito a requisição ainda.

2º = São várias requisições, como faço para personalizar os loadings, ou seja, mostre um loading para cada campo.
Lindoberto Araújo

Lindoberto Araújo

Responder

Post mais votado

16/08/2017

Marcelo,

Tente utilizar assim:

Ajax Pastbin

  
 var jqxhr = $.ajax( {
            url: "http://viacep.com.br/ws/23092205/json/?callback=?",
            beforeSend: function( xhr ) {
                alert( "Antes de enviar" );
            }})
            .done(function() {
                alert( "sucesso" );
            })
            .fail(function() {
                alert( "error" );
            })
            .always(function() {
                alert( "completo" );
            });
            jqxhr.always(function() {
                alert( "sempre passa aqui" );
            });

Fabio Rocha

Fabio Rocha
Responder

Que tal ter acesso a um e-book gratuito que vai te ajudar muito nesse momento decisivo?

Ver ebook

Recomendado pra quem ainda não iniciou o estudos.

Eu quero
Ver ebook

Recomendado para quem está passando por dificuldades nessa etapa inicial

Eu quero

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar