jquery - 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();
     });
  },
 }
});