处理某事时如何放置加载图像？答案

【问题标题】：How to put loading image when something is processing?处理某事时如何放置加载图像？
【发布时间】：2013-03-31 10:24:20
【问题描述】：

我有一个页面，当我们点击创建按钮时，它会发送网络请求以获取所有链接，但这意味着虽然需要一些时间才能让所有链接正常工作，但当时我想加载图像

 Button ID="btnRender" runat="server" Text="Page Render" OnClick="btnRender_Click" />
        <asp:Button ID="btn_submit" runat="server" Text="Submit" OnClientClick="javascript:finda();" />
        <asp:Button ID="btn_createlink" runat="server" Text="Create link" OnClick="btn_createlink_Click" />

我想在用户单击图像或出现文本时调用 btn_createlink_Click" 按钮

【问题讨论】：

你在做什么样的网络请求？阿贾克斯？
获取链接的httpweb请求

标签： c# asp.net

【解决方案1】：

没有 Ajax 工具：
这将在按钮单击时调用加载图像，并在页面加载完成时隐藏图像。

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
      function ShowProgressBar() {
        document.getElementById('dvProgressBar').style.visibility = 'visible';
      }

      function HideProgressBar() {
        document.getElementById('dvProgressBar').style.visibility = "hidden";
      }
    </script>
</head>
<body onload="javascript:HideProgressBar()" >
    <form id="form1" runat="server">
     <div>
  <div style="float:left;">
      <asp:Button ID="btn_createlink" runat="server" Text="Create link" OnClick="btn_createlink_Click" OnClientClick="javascript:ShowProgressBar()" />
  </div>
  <div ID="dvProgressBar" style="float:left;visibility: hidden;" >
        <img src="/images/progress_bar.gif" /> resolving address, please wait...
  </div>
  <br style="clear:both" />
</div>
    </form>
</body>
</html>

【讨论】：