Загрузка JQuery изображения до начала загрузки

Question

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

$.ajax({
  type: 'POST',
  url: $(this).attr('href'),
  success: function(response)
  {
   console.log( response );
   $(".report-generator").submit();
  },
 }
});

Так что этот код работает .. вроде ... изображение загрузки показывается, но только на короткое времяпериод времени ... вызов ajax заканчивается перед отправкой файла пользователю.

Этот код показывает загрузчик ajax, когда когда-либо вызывается функция ajax

function initAjaxLoader() {
    $(document.body).ajaxStart(function() { 
        $('#ajax-loader').show();
    }).ajaxStop(function() {
        $('#ajax-loader').hide();
    });
}

Так как мнедержать вызов ajax активным до тех пор, пока не будет предложена загрузка?

Answer 1

$.ajax({
  type: 'POST',
  url: $(this).attr('href'),
  success: function(response)
  {
   console.log( response );
    $('#result').load('test.pdf', function() {
        $('#ajax-loader').hide();
     });
  },
 }
});