AjaxStart e AjaxStop.

jQuery

Ajax

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

Lindoberto Araújo

Curtidas 0

Melhor post

Fabio Rocha

Fabio Rocha

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" );
            });
GOSTEI 1
POSTAR