0

私の ASP サイトでは、ページの読み込み時に Active Directory からユーザーの詳細を取得しようとしています。詳細がわかるまで「loading.gif」画像を表示するのが好きです。私はjqueryが初めてなので、助けてもらえますか

4

2 に答える 2

2

この方法でそれを行うことができます：

$(function(){
    $('body').addClass('loading');
    $(window).load(function(){
      $('body').removeClass('loading');
      $('#wrapper').show(); // make display:none in the css.
    });
});

ajaxを使用している場合は、とを使用して表示でき.ajaxStart()ます.ajaxComplete()

ajax 呼び出しの前に配置します。

$('#yourElem').ajaxStart(function() {
   $(this).addClass('loading');
});

これを ajax Call の後に配置します。

$('#yourElem').ajaxComplete(function() {
   $(this).removeClass('loading');
});
于 2013-01-08T16:40:49.110 に答える
2

シンプルな形式の AJAX は、.get()必要に応じて十分な方法です。

まず、読み込み中の画像が表示される HTML にプレースホルダーを追加します。コンテンツが読み込まれると、それらのコンテンツが画像の代わりに配置されます。

例えば：

<div id="ContentsPlaceholder"></div>

jQuery コードは次のようになります。

$(function() {
    $("#ContentsPlaceholder").html("<img src='Loading.gif' />");
    $.get("GetData.asp", function(contents) {
        $("#ContentsPlaceholder").html(contents);
    });
});

これにより、「Loading.gif」画像がプレースホルダーに配置され、「GetData.asp」というページからデータが読み込まれ、データが利用可能になると画像の代わりに配置されます。

于 2013-01-09T10:31:03.173 に答える