背景-リクエストに数秒かかるWebアプリケーションがあります。
質問-リクエストを開始した後、実際のHTTPリクエスト応答がサーバーから返されるまで、ユーザーに「待機中」タイプのインジケーター(スピナーなど)を表示するにはどうすればよいですか?
注-これは一般的なWeb開発の質問だと思いますが、私のWebアプリケーションは「RubyonRails」アプリケーションです。
ありがとう
背景-リクエストに数秒かかるWebアプリケーションがあります。
質問-リクエストを開始した後、実際のHTTPリクエスト応答がサーバーから返されるまで、ユーザーに「待機中」タイプのインジケーター(スピナーなど)を表示するにはどうすればよいですか?
注-これは一般的なWeb開発の質問だと思いますが、私のWebアプリケーションは「RubyonRails」アプリケーションです。
ありがとう
通常、新しいDOMオブジェクトをページに追加します(または既存のオブジェクトを表示します)。場合によっては、jQueryまたはその他のライブラリを介して、スピナーを表示し、AJAXリクエストの完了時にコールバックが発生します。スピナーオブジェクトを再び非表示にする必要があります。
以前のポスターは正しく、アニメーションを表示できますが、これはすべての場合に理想的ではありません。javascriptでカーソルを変更したいだけの場合は、リクエストの開始時にこれを行うことができます。
document.body.style.cursor = "wait";
リクエストが完了した後:
document.body.style.cursor = "default";
それが役立つことを願っています...スコット。
まず、スピナー画像とともに非表示のdivがあります。httpリクエストを送信するときにdivを表示し、応答を受信するときに再び非表示にします。