Question

在我的asp站点中，我试图在页面加载时从Active目录中获取用户详细信息。我想显示“loading.gif”图像，直到我得到详细信息。有些人可以帮助我，因为我是jquery的新手

Answer 1

你可以这样做：

$(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之后放置此电话：

$('#yourElem').ajaxComplete(function() {
   $(this).removeClass('loading');
});

Answer 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”的页面加载数据，当数据可用时，它将放置它而不是图像。

使用jquery ajax在asp中加载内容时显示加载消息

2 个答案: