ファイルをダウンロードするときにブラウザに読み込みを指示します

Question

私たちのWebアプリケーションでは、いくつかの静的（DBから）と動的（生成）のいくつかの生成されたファイルの一部が実際には長くて（Content-Disposition: Attachment） ダウンロードします。ユーザーは時々クリックします。とにかく表示するには、HIDEファイルがブラウザに実際に配信されるとすぐにローダーがありますか？

私はstackoverflowで同様の質問を探していますが、有用な回答はありません。exampleです。

これは実行可能な質問ですか、単にファイルが生成される速度を上げようとする必要がありますか？

Answer 1

： -

JavaScript/jQuery to download file via POST with JSON data

私が最初に言及したjavascript postメソッドを使用してください。 これは最終的にあなたの質問に答えることを願っています。 :)

Answer 2

フォーム送信にajaxコードを使用できます。サーバーがリクエストを処理している間、ページの上部にある読み込みアイコン付きのdivを表示します。

あなたのJSPに次のコードを書いてください。

<div id="submitPage"> 
    <img src="/images/loading.gif" alt="">Submitting order... 
</div> 

最初にこのコード

$('#submitPage').hide(); 

とそれを示して、あなたの送信ボタンのクリックでを使用してそれを隠します。

$('#submitPage').show(); 

ajax応答が来たときにもう一度非表示にします。

あなたの問題を解決することを願っています。

よろしく、あなたがもう一度ページをロードする必要はありません

Answer 3

ラヴ。単にjavascript操作のビットを使ってajaxコールを使いましょう。 :)

$('#submitPage').show(); 

var url = "urlUsed"; 

$.post(url, $("#formName").serialize() , function(responseValue){     

    $('#submitPage').hide(); 

}); 

この方法ではありませんかのように、あなたはAJAX呼び出しを変更することができます - あなたはこのコミュニティから、次のポストを使用することができますそのために

function functionName(){ 
    ajaxRequest = createXMLHttpRequest(); 
    var url = "urlUsed"; 
    $('#submitPage').show(); 
    ajaxRequest.open('get', url , true); 
    ajaxRequest.onreadystatechange = processAjaxResponseForMethodName; 
    ajaxRequest.send(null); 
} 

function processAjaxResponseForMethodName(){ 
    if(ajaxRequest.readyState == 4) { 
      $('#submitPage').hide(); 

    } 
}