本文介绍如何使用AJAX的Timer控件实现数据实时更新。通过设置ScriptManager和UpdatePanel，并在Timer控件中设定时间间隔，即可使TextBox内容定时刷新显示当前时间。
Timer控件也是AJAX里比较常用的控件之一，他可以实现客户端在指定的时间里不断的刷新。从而达到数据的实时更新的效果。现在我们就开始：
第一：建立一个AJAX项目。
第二：往项目里加入一个ScriptManager，一个UpdatePanel，在UpdatePanel里放入一个Timer和一个TextBox。
第三：设置Timer的Interval属性，这个就是Timer定时的时间间隔。在Timer的Tick事件里也如如下代码：
this.TextBox1.Text=System.DateTime.Now.ToString();完整的HTML代码如下：
<body> <form id="form1" runat="server"> <div> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> </div> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <asp:Timer ID="Timer1" runat="server" Interval="10000" OnTick="Timer1_Tick"> </asp:Timer> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> </ContentTemplate> </asp:UpdatePanel> </form></body>运行就OK了。是不是很简单呀！
扫一扫
744
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
