java - サーバーが応答するまで進行状況インジケーターを表示するにはどうすればよいですか？

Question

ページの読み込みに約1分かかるアプリケーションがあります。計算などがたくさん入った大きなページです。

サーバーから応答が返ってくるまで進行状況インジケーターを表示したい。誰かがこれについて何か考えを持っていますか？

Answer 1

ローダーを表示し、ajaxがコンテンツをロードし、Ajaxリクエストが完了したら、ローダーを非表示にしてコンテンツを表示するか、ローダーを新しいデータに置き換える必要があります。

単純な実装は次のようになり、＃contentのコンテンツをurl/newcontentによって返されるものに置き換えます。

<div id="content">
 <img src="/path/to/loader.gif" />
</div>

<script>
 $("#content").load("/newcontent");
</script>

または、実際にページ全体を置き換えたいように見える場合は、本文のコンテンツ全体を次のように置き換えます。

$('body').load('newpage.html');

Answer 2

サーバー上でページのHTMLを作成するのに長い時間がかかる場合は、メッセージの読み込み/進行状況インジケーターを使用してページを表示し、コンテンツを表示する方法はありません。

私が考えることができる唯一の方法は、メッセージ/進行状況インジケーターの読み込みだけでページを読み込み、次にAJAX呼び出しを行って実際にコンテンツを取得することです（生成されるまでに長い時間がかかります）。

Answer 3

ページにdivをブランケットとして追加すると、最初はページ全体が表示されてブロックされます。そして、のonloadハンドラーでdivを非表示にします。これは明白であり、良い解決策ではないかもしれません。

Answer 4

このコードは、アップロードの上に表示されているときに使用できます。

$(document).ready(function() { 
    $.blockUI();
    //load your editor here
    setTimeout(function(){
        $.unblockUI();
    }, 10000);
}); ​