demande ajax ne s'arrête pas

Question

Voici mon appel ajax:

$.ajax({ 
         url: "AutoRFQ_Vendors_ST.aspx/BindVesselGrid", 
         type: "POST", 
         timeout: 3000, 
         data: JSON.stringify(sendingdata),     
         contentType: "application/json", 
         success: function (data) { 
    //do something 
    } 

Voici mon CSS chargeur:

ajaxStart: function() { $body.addClass("loading"); }, 
      ajaxStop: function() { $body.removeClass("loading"); } 

Quand je fais un appel ajax qui répond d:'' une chaîne vide, mais mon événement ajaxstop: ne tire pas.

Answer 1

Vous avez à cacher votre chargeur sur ajax() complet comme:

ajax({ 
    complete: function(){ 
     $body.removeClass("loading"); 
    } 
}); 

complet exécuté après soit le succès ou le rappel d'erreur ont été exécutés.

Answer 2

Vous devez comprendre que les événements ajaxStart et ajaxStop relèvent des gestionnaires d'événements globaux dans jQuery. Par conséquent, vous devez les connecter à document au lieu d'avoir dans votre appel $ajax.

Vous devez réécrire votre code comme,

$(document) 
.ajaxStart(function() { 
    $body.addClass("loading"); 
}) 
.ajaxStop(function() { 
    $body.removeClass("loading"); 
}); 

Hope this helps!