ASP.NET 页面上有比较费时的查询,前台没有响应

Question

如何让前台显示 "正在查询..."
或者 显示一张 "正在查询..." 的图

Answer 1

 <div id="loading" >
   <img src ='image/loader.gif' alt ='' />
  </div>button : onclientClick="document.getElementById('loading').display=''";

Answer 2

这个楼主注意，隐藏div“loading”的时刻不然查完了，div还没关，或者，没差完div消失了。

Answer 3

<asp:ScriptManager ID="ScriptManager1" runat="server">   
  </asp:ScriptManager>   
  <asp:UpdatePanel ID="upl" runat="server" UpdateMode="Conditional">   
  <ContentTemplate>   
  <asp:UpdateProgress ID="UpdateProgress1" runat="server">   
  <ProgressTemplate>   
  <div>   
  <div>数据加载中，请等待…… </div>   
  </div>   
  </ProgressTemplate>   
  </asp:UpdateProgress>   
</asp:UpdatePanel>     <asp:ScriptManager ID="ScriptManager1" runat="server">   
  </asp:ScriptManager>   
  <asp:UpdatePanel ID="UpdatePanel1" runat="server">   
  <Triggers>   
  <asp:AsyncPostBackTrigger ControlID ="Button1" EventName ="Click" />   
  </Triggers>   
  <ContentTemplate>   
  <asp:Label ID="Label1" runat="server" Text="Label"> </asp:Label>   
  </ContentTemplate>   
  </asp:UpdatePanel>   
  <asp:UpdateProgress ID="UpdateProgress1" runat="server">   
  <ProgressTemplate>   
  <span style =" font-size:12px">数据更新中...... </span>   
  </ProgressTemplate>   
  </asp:UpdateProgress>   
  <asp:Button ID="Button1" runat="server" Text="Button" Width="143px" OnClick="Button1_Click" />   
或使用div显示loading效果   
<script language="javascript" type="text/javascript">   
  document.write(" <div id='loadDiv' style='padding-top: 250px; padding-left: 350px;font-size:x-large;height:400px'> <span id='loading'> <img src=\"../Images/loader2.gif\"/>正在加载数据，请稍候··· </span> </div>");   
  window.onload = function()   
  {   
  document.getElementById("hiddenDiv").style.display="";   
  document.getElementById("loadDiv").parentNode.removeChild(document.getElementById("loadDiv"));   
    
  }   
  </script> 

Answer 4

<div id="loading" >
  <img src ='image/loader.gif' alt ='' />
  </div>button : onclientClick="document.getElementById('loading').display=''";
不就是这样嘛 ？