Tüm Ajax İstekleri Bittiğinde İşlem Yapma

Sitenizde aynı anda arkaplanda bir çok ajax isteği gerçekleştiriyor olabilirsiniz. Örneğin bir form üzerinde, bir buton click olduğunda başlayan ajax istekleri tamamen sona erdiğinde, butonun disabled durumunu yeniden false haline getirmek isteyebilirsiniz. Bu gibi durumlarda sayfada ki tüm ajax isteklerinin sonlandığını anlamak için aşağıda ki hayat kurtarıcı kodu kullanabilirsiniz.

 $(document).ajaxStop(function(){
      $(".sorgula").prop("disabled",false); //SORGULA CLASSINA AİT BUTON YENİDEN AKTİF EDİLİYOR
      $(".sorgula").html('SORGULA'); // SORGULA CLASSINA AİT BUTONUN ADI DEĞİŞTİRİLİYOR
      $('lottie-player').get(0).stop(); // SAYFADA ÇALIŞAN BİR ANİMASYON DURDURULUYOR
 });

Yukarıda tüm ajax işlemleri tamamlandıktan sonra 3 işlem başlatıldı. Ayrıca yukarıda ki kod örneği each döngüsü ile yapılan çoklu ajax isteklerinde de başarılı bir şekilde kullanılabiliyor.

Tüm ajax istekleri değilde herhangibir ajax işlemi sona erdiğinde ise ajaxComplete kullanabilirsiniz.

$( document ).ajaxComplete(function( event, xhr, settings ) {

	//Yapılacak işlemler
});

Sizin belirttiğiniz bir adrese yapılan ajax isteği sona erdiğinde ise kodu şu şekilde özelleştirebilirsiniz.

$( document ).ajaxComplete(function( event, xhr, settings ) {
  if ( settings.url === "ajax/test.html" ) {
    //Yapılacak işlemler
  }
});