ajax loading image not display

Question

Я пробовал много способов реализовать эффект загрузки, пока Ajax загружается с использованием gif-изображения, но не смог сделать это успешно. GIF-изображение просто не появляется вообще.

Как убедиться, что загрузочный gif отображается и скрывается, прежде чем отображать извлеченные данные идеально, так что подлинность приложений не будет скомпрометирована.

Большое спасибо !!!

<div id="loader"> </div> 



$.ajax({ 
          type:"GET", 
          url:"ajax/forClickedDate.php", 
          dataType:'JSON', 
          data:"date=" + currentYear + '-' + currentMonthInteger + '-' + current.html() + "&id=" + "<?php echo $id;?>", 
          beforeSend:function(){ 
           // this is where we append a loading image 
           $('#loader').append('<div class="loading"><img src="<?php echo IMAGE_PATH;?>blue.gif" alt="Loading..." /></div>'); 
          }, 
          success:function(data){ 
           $('#loader').hide(); 
           //do something with the data 

           $('#currentAppointment').append(data); 
            $('#currentAppointment').append('<p>' + data[b].name + '-' + data[b].task + '</p>'); 
           // } 
          }, 

попытался также:

$(function(){ 
      $('#loader').hide(); 

      $('#loader') 
       .ajaxStart(function(){ 
        $(this).show(); 
       }).ajaxStop(function(){ 
        $(this).hide(); 
      });  

Answer 1

Вы проверили абсолютный путь к вашему .gif изображения?

Попробуйте установить этот абсолютный путь вручную, не используя PHP. Если он работает хорошо, чем что-то не так с IMAGE_PATH.