ASP.NET Web Forms中更新或展示进度标签的实现是否需要页面刷新

该功能不需要整页刷新即可实现，以下是两种Web Form场景下常用的低改造成本方案：

方案1：使用原生UpdatePanel控件（最轻量，适配现有代码逻辑） #

这是Web Form自带的AJAX局部更新方案，无需额外引入第三方框架：

• 第一步：在页面头部添加ScriptManager控件，开启局部渲染能力

<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true"></asp:ScriptManager>

• 第二步：将进度Label和Timer控件放入UpdatePanel内部，Timer用来定时拉取最新进度，Interval属性单位为毫秒，示例中2000代表每2秒拉取一次

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
        <asp:Label ID="lblProcessStatus" runat="server" Text="Starting process"></asp:Label>
        <asp:Timer ID="Timer1" runat="server" Interval="2000" OnTick="Timer1_Tick"></asp:Timer>
    </ContentTemplate>
</asp:UpdatePanel>

• 第三步：编写服务端逻辑，将处理进度存入Session（单用户场景）或应用缓存（多用户共享场景），Timer触发时更新Label内容，任务完成后停用Timer即可

// 文件处理逻辑中同步更新进度
public void ProcessAttachmentFiles()
{
    Session["ProcessStatus"] = "Starting process";
    // 模拟第一步处理耗时
    System.Threading.Thread.Sleep(2000);
    Session["ProcessStatus"] = "Reading 1st record file";
    // 模拟第二步处理耗时
    System.Threading.Thread.Sleep(3000);
    Session["ProcessStatus"] = "File process complete!";
    Session["IsProcessFinished"] = true;
}

// Timer定时触发事件
protected void Timer1_Tick(object sender, EventArgs e)
{
    if (Session["ProcessStatus"] != null)
    {
        lblProcessStatus.Text = Session["ProcessStatus"].ToString();
    }
    // 任务完成后停止轮询
    if (Session["IsProcessFinished"] != null && (bool)Session["IsProcessFinished"])
    {
        Timer1.Enabled = false;
    }
}

• 触发处理任务时，单独开后台线程运行处理方法，不要阻塞主线程返回页面。

方案2：使用SignalR实时推送（更高性能，无需轮询） #

如果对进度更新的实时性要求高，不想产生多余的轮询请求，可以用SignalR实现服务端主动推送进度：

• 先通过Nuget安装Microsoft.AspNet.SignalR包
• 新建ProcessHub类继承Hub：

public class ProcessHub : Hub
{
    // 无需定义客户端调用方法，仅用于服务端主动推送
}

• 在Startup类中配置SignalR路由：

public void Configuration(IAppBuilder app)
{
    app.MapSignalR();
}

• 前端引入SignalR相关JS，监听进度推送事件：

<script src="~/Scripts/jquery.signalR-2.4.3.min.js"></script>
<script src="~/signalr/hubs"></script>
<script>
$(function () {
    const processHub = $.connection.processHub;
    // 监听服务端推送的进度更新
    processHub.client.updateStatus = function (statusText) {
        $('#<%= lblProcessStatus.ClientID %>').text(statusText);
    };
    $.connection.hub.start();
});
</script>

• 服务端处理逻辑中直接推送进度即可：

public void ProcessAttachmentFiles()
{
    var hubContext = GlobalHost.ConnectionManager.GetHubContext<ProcessHub>();
    hubContext.Clients.All.updateStatus("Starting process");
    System.Threading.Thread.Sleep(2000);
    hubContext.Clients.All.updateStatus("Reading 1st record file");
    System.Threading.Thread.Sleep(3000);
    hubContext.Clients.All.updateStatus("File process complete!");
}

• 单用户任务场景下，进度存储和推送要增加用户标识，避免多用户进度互相覆盖
• 长时间运行的文件处理任务建议接入后台任务队列实现，不要直接在请求线程中运行，避免IIS进程回收导致任务中断
• 前端直接通过ID查找控件时，可以给Label设置ClientIDMode="Static"属性，无需拼接服务端生成的动态ID

内容的提问来源于stack exchange，提问作者andrew tan