お世話になります。
ローディング画面を作成しようと思いスピナーのGIFを用意しました。
<div id="main">
<div id="loading"><img src="spinner.gif" /></div>
</div>
上記のような感じで画面遷移した際にはスピナーが表示されるようにして、
ページの読み込みが終わった際に
$(window).load(function() {
$("#main").load('htmlのURL');
});
のように、htmlを読み込んで表示しようとしています。
実際にはjqueryのajax通信を使って非同期にサーバー側でHTMLを生成してそれを読み込むようにしているのですが、読み込む際にスピナーのGIFアニメが止まってしまいます。
重い処理(サーバー側の処理)を行っているからだと思うのですがGIFアニメをとめずにhtmlを更新することはできないのでしょうか。
よろしくお願いします。
No.1ベストアンサー
- 回答日時:
こんにちは。
>重い処理(サーバー側の処理)を行っているからだと思うのですが
サーバ側の処理はおそらく関係なく返ってきたHTMLを構成する際、クライアントの処理能力の問題だと思います。
(処理を同時に走らせるとギクシャクするイメージ)
返すHTMLの中身を軽くするとか、HTMLではなく必要最低限な情報をJSON形式で返すとか。
それで改善するかはわかりませんが。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- JavaScript 読み込んだQRコードをフォームに受け渡したい 1 2023/05/18 11:18
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- PHP htmlspecialcharsが機能していないです。 バグですか? 1 2022/04/05 01:22
- PHP ここでの ②if($su_d<>"")の比較演算子 を使う理由は 1 2022/03/26 02:33
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
tryの終了
-
SwingUtilities.invokeLater(ne...
-
doGetとdoPostの違い
-
JAVA ID重複処理
-
Java ファイルが生成させたか確...
-
Javaプログラムからポップアッ...
-
JavaScriptからJAVAクラスを呼...
-
データ未入力時のエラー処理が...
-
onBlurとonFocusの処理順序につ...
-
Tomcatのスレッドを破棄する方法
-
JSPで「処理中」をブラウザに表示
-
jqueryのmouseenterイベントの...
-
Ajaxの実行速度と読み方について
-
チェックボックスの入力チェッ...
-
ラジオボタンの選択判定
-
複数リクエストの扱い
-
Androidアプリで本体の音量変更...
-
ブラウザを閉じた後のサーバ側...
-
PHPでDB処理中にプログレスバー...
-
Tomcat高負荷時の設定について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
tryの終了
-
数値の定数を付ける時
-
Javaでのデバッグコード削除
-
C#で別スレッドの終了を知りたい
-
[Java] while(true)の意味
-
Tomcatのスレッドを破棄する方法
-
Javaプログラムからポップアッ...
-
ラジオボタンの選択判定
-
JavaScriptからJAVAクラスを呼...
-
WPF C#でF10のイベント取得方法...
-
PHPでDB処理中にプログレスバー...
-
素数判定を再帰処理で
-
Javaアプリケーション実行の返...
-
switch文の中に、throws new Ex...
-
doGetとdoPostの違い
-
JDBCでテーブルUPDATE後の再検...
-
Tomcat高負荷時の設定について
-
ラベルの表示までが異常に遅い...
-
ExcelVBA で文字列の特定の文字...
-
SwingUtilities.invokeLater(ne...
おすすめ情報