ajax 局部页面更新

最新推荐文章于 2022-04-16 00:19:47 发布

IT技术与企业应用结合的爱好者

最新推荐文章于 2022-04-16 00:19:47 发布

阅读量381

点赞数

分类专栏： C# JavaScript

C# 同时被 2 个专栏收录

70 篇文章 0 订阅

订阅专栏

JavaScript

12 篇文章 0 订阅

订阅专栏

前端

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="实例14_3.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>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server" />
            <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                <ContentTemplate>
                    <asp:Panel ID="Panel1" runat="server" GroupingText="更新的区域" Height="50px" Width="416px">
                        <asp:Label ID="Label1" runat="server" Width="100%"></asp:Label>
                    </asp:Panel>
                </ContentTemplate>
            </asp:UpdatePanel>
            <asp:Button ID="Button1" runat="server" Text="局部刷新" OnClick="Button1_Click" Width="98px" />
            <asp:Button ID="Button2" runat="server" Text="刷新页面" OnClick="Button2_Click" Width="101px" />
    </form>
</body>
</html>
后台

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace 实例14_3
{
    public partial class Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            ScriptManager1.RegisterAsyncPostBackControl(Button1);
        }

        protected void Button1_Click(object sender, EventArgs e)
        {
            Label1.Text = "Panel控件刷新时间为： " + DateTime.Now.ToString();
        }

        protected void Button2_Click(object sender, EventArgs e)
        {
            Label1.Text = "页面刷新。";
        }
    }
}

点击局部刷新，不访问服务器，点击刷新页面，访问浏览器。