jQuery で非同期通信中にローディング画像を表示する方法 | jQuery | 阿部辰也のブログ――人生はひまつぶし。
jQuery で Ajax な非同期通信中に「Now Loading」的な GIFアニメ画像を表示する方法の解説です。 超小ネタですが。 jQuery で非同期通信処理をしている間に「Now Loading」的なアニメーション画像を表示する、というのはよくあるパターンですが、その方法の解説です。 ローディング中の画像を表示するスクリプト 例えば、以下のような html の id="message" の内容を Ajax によって変更したい場合。 <p id="message">ここのメッセージが非同期通信後に変更されます。</p> <form method="GET" action="#"> <input type="button" value="ここをクリックでメッセージ変更" onclick="ChangeMessage();"> </form> この時、function ChangeM
jQuery で POSTメソッドによる非同期通信を行なう方法 | jQuery | 阿部辰也のブログ――人生はひまつぶし。
jQuery で Ajax ですよ非同期通信ですよ！ というわけで、jQuery を使って POSTメソッドで別の CGIスクリプトにデータを送り、返った結果をページ内に出力を行なう、という処理の方法の解説です。 jQuery で POSTメソッドによる非同期通信は、「post( 通信先URL, 送信するデータ, 返った結果の処理, 送信データ形式) 」という形で指定します。 例えば、「./test.cgi」に対して「mode=test」「name=tatsuya」というデータを送信し、test.cgi が返した結果を「div id="test"」の中に出力したい場合は、以下のようになります。 $.post( // 通信先URL "./test.cgi", // 送信するデータ { mode:"test", name:"tatsuya" }, // 返った結果の処理 function(da
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
