非同期通信中に「Now Loading」アニメーションを表示する方法 - abe-tatsuya.com

jQueryを使った非同期通信（Ajax）処理中に、待機状態を示す「Now Loading」アニメーションを表示させる方法を解説します。シンプルなコードで、通信中にユーザーへ視覚的なフィードバックを提供できるため、利便性が向上します。 jQuery で非同期通信処理をしている間に「Now Loading」的なアニメーション画像を表示する、というのはよくあるパターンですが、その方法の解説です。 ローディング中の画像を表示するスクリプト 例えば、以下のような html の id="message" の内容を Ajax によって変更したい場合。 <p id="message">ここのメッセージが非同期通信後に変更されます。</p> <form method="GET" action="#"> <input type="button" value="ここをクリックでメッセージ変更" onclick

[michael0404]

“$("#message").html('<img src="loading.gif" width="10" height="10" alt="Now Loading..." />');”

[intemous9]

言われてみれば

[makoto0327]

jQuery

[t-abe]

【ブログ更新】jQuery で非同期通信中にローディング画像を表示する方法