AjaxStart e AjaxStop.

13/08/2017

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

Curtir t�pico + 0

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

Responder

Gostei + 1