asp.net实现页面局部自动刷新

asp.net客户端工作

在asp.net中要实现页面局部自动刷新,首先需要在 .aspx 页面中加入(要加在from里面):

    <asp:ScriptManager ID="ScriptManager1" runat="server" EnableCdn="True">
    asp:ScriptManager>  
这个控件就像是一个页面控件管理器一样,然后在需要局部刷新的位置加上UpdatePanel 控件:
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
     <asp:Label ID="lblText" runat="server">asp:Label>
    <asp:Button ID="Button1" runat="server" Text="测试" OnClick="btnTest_Click" />
    ContentTemplate>
    <Triggers>  
    <asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" />  
    Triggers>
asp:UpdatePanel>
注册需要局部刷新或者全局全新的控件
最后,再加一个Timer 控件:
<asp:Timer ID="timerTest" runat="server" Interval="1000" OnTick="timerTest_Tick">  
asp:Timer>

Timer有一个OnTick事件,Interval设置时间间隔(ms)。

asp.net服务端工作

.aspx对应的 .aspx.cs

        protected void Page_Load(object sender, EventArgs e)
        {
            if (!Page.IsPostBack)
            {
                return;
            }
            else
            {
                return;
            }
        }

        protected void timerTest_Tick(object sender, EventArgs e)
        {
            btnTest_Click(sender,e);
        }

        protected void btnTest_Click(object sender, EventArgs e)
        {
            this.lblText.Text = DateTime.Now.ToString()
        }
Page.IsPostBack是判断页面是否为初次加载,true:是,false:否。
实现思路就是在 Timer 的 OnTick 事件中,去执行 Button 想做的事。

你可能感兴趣的:(asp-net)