jquery - JQuery での Ajax 効果

Question

ajax 呼び出しの処理中に GIF 画像を表示する方法を見つけようとしています。ajax 応答が戻ったときに画像が非表示になることを願っています。誰でも私がそれをするのを手伝ってもらえますか? 私はJQueryの経験がありません。ありがとう。

Answer 1

私は自分の Web アプリケーションで次の方法を使用します。

画像に識別子を付けます (例: id="loading")。次に<script>、ドキュメントの末尾にある 1 組のタグに次のコードを挿入します。

$(document).ready(function(){
    $('#loading')
        .ajaxStart(function(){$(this).show();})
        .ajaxStop(function(){$(this).hide();})
        .hide()
    ;
});

これにより、すべての Ajax 呼び出しにイベント ハンドラーが追加され、最初のルート ページの読み込みの最後に画像が非表示になります (ページの読み込み時に画像が表示されていたと仮定します)。

jQuery のドキュメントを読むことをお勧めします。最初の数ページから得られる知識は、jQuery がどのように機能するかについての優れた洞察を提供し、動的インターフェイスを一緒に投げるのをはるかに簡単にします。誰もがどこかから始める必要があります。