httpリクエストは、ウェブサーバによって実現されている間はどのようにWebページ上の「待機中」のインジケータを表示することができますか？

Question

の背景 - 。私は、要求が数秒を要しているため、Webアプリケーションを持っている。

質問 - 実際のHTTPリクエストの応答が戻ってサーバから来るまで、彼らは、要求を開始した後、どのようにして、ユーザに「待機中」タイプインジケータ（例えばスピナー）を表示することができますか？

注意 - しかし私は私のWebアプリケーションは、「ルビーon Railsの」アプリケーションで、一般的なWeb開発問題になるこのとして想定しています。

感謝

Answer 1

一般的に、あなたはディスプレイスピナー、とは、その後どのようなコールバックでときAJAXリクエストが完了解雇されていることを、潜在的にjQueryのまたはいくつかの他のライブラリを経由して、ページに（または既存のものを示して）新しいDOMオブジェクトを追加したいです。あなたは再び非表示スピナーオブジェクトを持っていると思います。

Answer 2

前のポスターが正しい、あなたはアニメーションを表示することができますが、これはすべてのケースには適していません。あなただけのJavaScriptで、カーソルを変更したい場合は、リクエストの開始時にこれを行うことができます：

document.body.style.cursor = "wait";

と要求の完了後：

document.body.style.cursor = "default";    

役に立てば幸い... スコットます。

Answer 3

まず第一に、あなたはhttpリクエストを送信する際に、スピナー画像と一緒に隠されたdiv要素を持っているdiv要素を見えるように、あなたが応答を受信したときに、それが再び非表示にします。