服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|JAVA教程|ASP教程|

服务器之家 - 编程语言 - ASP.NET教程 - asp.net中Timer无刷新定时器的实现方法

asp.net中Timer无刷新定时器的实现方法

2019-12-08 13:59shichen2014 ASP.NET教程

这篇文章主要介绍了asp.net中Timer无刷新定时器的实现方法,是一个非常具有实用价值的技巧,需要用到Ajax技术,需要的朋友可以参考下

 本文实例讲述了asp.net中Timer无刷新定时器的实现方法。Timer控件要实现无刷新,得用到ajax技术,这里使用VS2008自带的ajax技术。
 
 首先得添加一个ScriptManager控件,然后再添加一个UpdatePanel用于存放Timer控件内容的,就可以实现无刷新了。下面是详细的内容:

一、前台代码如下:

?
1
2
3
4
5
6
7
8
9
10
<form id="form1" runat="server">
  <asp:ScriptManager ID="ScriptManager1" runat="server">
  </asp:ScriptManager>
      <asp:UpdatePanel ID="UpdatePanel1" runat="server">
      <ContentTemplate>
        <asp:Timer ID="Timer1" runat="server" Interval="60000" ontick="Timer1_Tick">
        </asp:Timer>
      </ContentTemplate>
      </asp:UpdatePanel>
</form>

记得ScriptManager 一定要放在<form>标签内,可以放在任意地方。而添加UpdatePanel 控件后,要用到它一个很重要的属性ContentTemplate,要不然就无法实现无刷新效果。在这里我们设置6秒定时触发事件一次。

二、后台代码如下:

?
1
2
3
4
5
6
7
protected void Page_Load(object sender, EventArgs e)
{}
protected void Timer1_Tick(object sender, EventArgs e)
{
//这里可以操作你想做的事情,比如定时查询数据库
ScriptManager.RegisterStartupScript(this, this.GetType(), "", "alert('Hello‘);", true);
}

希望本文所述实例对大家asp.net程序设计有所帮助。

延伸 · 阅读

精彩推荐