![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
お世話になります。
ローディング画面を作成しようと思いスピナーの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の終了
-
Java
-
JavaScriptからJAVAクラスを呼...
-
doGetとdoPostの違い
-
javascriptの繰り返し処理が終...
-
ユーザー名とテキストフィール...
-
ServletからJSPに遷移させた後...
-
java(swing)で、登録ボタンを押...
-
ブラウザを閉じた後のサーバ側...
-
Javaの再帰でメソッド呼び出す...
-
flush()メソッドについて・・・
-
数値の定数を付ける時
-
スレッド1とスレッド2を交互に...
-
「UIスレッド」「マルチスレッ...
-
データ未入力時のエラー処理が...
-
処理実行後、終了させないで最...
-
Javaでのデバッグコード削除
-
PHPでDB処理中にプログレスバー...
-
バッチ処理をJavaで
-
重たい処理のタイムアウト強制終了
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
tryの終了
-
doGetとdoPostの違い
-
Javaプログラムからポップアッ...
-
SwingUtilities.invokeLater(ne...
-
Javaでのデバッグコード削除
-
Tomcat高負荷時の設定について
-
JavaScriptからJAVAクラスを呼...
-
データ未入力時のエラー処理が...
-
アコーディオンメニューをアン...
-
ブラウザを閉じた後のサーバ側...
-
[Java] while(true)の意味
-
数値の定数を付ける時
-
Javaアプリケーション実行の返...
-
ラジオボタンの選択判定
-
onBlurとonFocusの処理順序につ...
-
スレッド1とスレッド2を交互に...
-
WPF C#でF10のイベント取得方法...
-
flush()メソッドについて・・・
-
ExcelVBA で文字列の特定の文字...
-
無限ループをわざと作って時計...
おすすめ情報