当某些东西正在处理时，如何放置加载图像

本文关键字：何放置 图像 加载 处理 | 更新日期: 2023-09-27 18:08:15

我有一个页面当我们点击创建按钮时它会发送web请求来获取所有链接但同时需要一些时间来获取所有链接所以这时我想输入image load

 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"按钮，当用户点击图像或文本应该出现

当某些东西正在处理时，如何放置加载图像

没有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>


你可以在BackgroundWorker组件的多线程帮助下实现这一点。看看多线程与Backgroundworker

Backgroundworkerc# backgroundworker

和

你可以在_Dowork方法中调用你的loading.gif图像。

EDIT:

你可能想看看HttpResponse。冲洗

强制所有当前缓冲的输出发送到客户端。在请求处理期间可以多次调用Flush方法。

参见以下链接:HttpResponse。冲洗方法

你可以显示一个正在加载的图像，并在每X个加载的链接中调用这个方法。

老:

由于问题缺少信息，我将假设您正在执行Ajax调用，以便从服务器获取链接集合并更新表。

我建议你使用jQuery并遵循前面的答案，以便在请求发出时显示动画加载旋转器，并在完成时隐藏它。

Jquery Ajax加载图像
相关文章：