Ajax start event issue

Question

Im пытается показать прогрессбар, когда моя страница выполняет запрос ajax.

У меня есть div с изображением внутри него, и я хотел бы показать его на событии ajaxStart. Проблема заключается в том, что img показывает себя только при выполнении события ajaxStart. Однако предупреждение запускается перед запросом ajax.

  $(document).ajaxStart(function() { 
      alert("test"); 

      document.getElementById('LoadingDiv').style.visibility = "visible"; 

     }); 

Answer 1

      $.ajax({ 
          url: url, 
          async: true, 
          dataType: 'json', 
          success: function (data) { 

Опубликовано ABIT рано изменился асинхронным к истине и в настоящее время работает.

Answer 2

Вы можете показать/скрыть загрузки блесну, как это:

/*LOADING SPINNER*/ 
jQuery.ajaxSetup({ 
    beforeSend: function() { 
    $('#loadingDiv').show() 
    }, 
    complete: function(){ 
    $('#loadingDiv').hide() 
    }, 
    success: function() {} 
}); 

#loadingDiv просто содержит анимированные изображения. Метод ajaxSetup устанавливает значения по умолчанию для будущих запросов Ajax. Это означает, что этот индикатор загрузки будет отображаться каждый раз при совершении вызовов ajax.