AJAX实现的载入等待效果

最新推荐文章于 2021-08-05 15:28:59 发布

垚焱yhedward

最新推荐文章于 2021-08-05 15:28:59 发布

阅读量2.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： Javascript技术应用文章标签： ajax textbox button server asp object

本文链接：https://blog.youkuaiyun.com/yh_bxhl/article/details/3941711

Javascript技术应用专栏收录该内容

32 篇文章

订阅专栏

本文介绍了一个使用ASP.NET AJAX实现页面局部刷新的例子。通过UpdatePanel控件加载后台长时间运行的方法，并利用UpdateProgress显示加载进度提示。具体包括：ScriptManager、UpdatePanel、UpdateProgress等控件的应用及后台处理逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

aspx页面：
<div>
   <asp:ScriptManager ID="ScriptManager1" runat="server">
      </asp:ScriptManager>
      <asp:UpdatePanel ID="UpdatePanel1" runat="server">
         <ContentTemplate>
            <asp:Button ID="Button1" runat="server" Text="Button" />
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
         </ContentTemplate>
      </asp:UpdatePanel>

</div>
      <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1"
         DisplayAfter="1">
         <ProgressTemplate>
            页面载入中....
         </ProgressTemplate>
      </asp:UpdateProgress>
aspx.cs页面：
private void js()
{
      int l = 100000000;
      int k = 0;
      for (int i = 0; i < l; i++)
      {
         k++;
      }
      this.TextBox1.Text = k.ToString();
}
protected void Button1_Click(object sender, EventArgs e)
{
      this.js();
}