Как проверить с помощью javascript, если вызов сделан на сервер

Question

Я звоню в google api (извлекает тысячи записей в json), сохраняя записи в базе данных, а затем показываю все записи на следующей странице. Я хочу показать загрузку gif до следующей загрузки страницы. Я использовал jquery (см. Код ниже), но он не работает по желанию, потому что загрузочное изображение появляется только тогда, когда начинается следующая загрузка, и этот div исчезает, когда следующая страница заканчивает загрузку. Он не отображается при вызове google api.

<script> 
    // Wait for window load 
      $(window).load(function() { 
       // Animate loader off screen 
       $("#bg").fadeOut("slow"); 
       $("#imgLoading").fadeOut("slow");; 
      }); 
</script> 

Как я могу проверить с помощью JavaScript, если вызов сделан на сервер, поэтому я могу показать, что загрузка gif. Я не хочу вызывать эту функцию при нажатии кнопки, я хочу, чтобы она была общей, поэтому, когда когда-либо есть вызов, сделанный сервером, загрузите изображение и завершите его, когда следующая страница закончит загрузку.

Благодарим вас заранее!

Answer 1

Обход: Ну я получил один обходной путь, я начал показ загрузка изображений onSubmit события формы. И на следующей странице началось отображение одного и того же загрузочного изображения до полной загрузки страницы. Загрузка изображения начинается, когда кнопка нажата, пока следующая страница не загрузится полностью.

Answer 2

Выполните следующие действия:

Добавьте ниже сНу справа ниже открывающего тега.

<div class="loader"></div> 

Добавьте CSS

.loader { 
    position: fixed; 
    left: 0px; 
    top: 0px; 
    width: 100%; 
    height: 100%; 
    z-index: 9999; 
    background: url('images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249); 
} 

Добавить JQuery и строку кода

<script type="text/javascript"> 
$(window).load(function() { 
    $(".loader").fadeOut("slow"); 
}) 
</script> 

Примечание: Пожалуйста, убедитесь, что jquery.min.js является включены в ваш файл

Answer 3

Если вы используете Jquery, то я предлагаю взглянуть на this

Это так же легко, как это возможно.

$(document).ajaxSend(function() { 
    $(".log").text("Triggered ajaxSend handler."); 
});