サーバーが 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 呼び出しを「アクティブ」に保つにはどうすればよいでしょうか。