seo网站沙盒期,jsp做网站前端实例,家居网站建设如何,天眼查公司注册信息要在基于.NET 9的应用中实现进度条功能#xff0c;我们可以通过HttpContext.Response来发送实时的进度更新到前端。以下是一个简单的示例#xff0c;展示了如何在ASP.NET Core应用中实现这一功能。
但是#xff0c;我在.net framework4.7.2框架下#xff0c;实际不了HttpC…要在基于.NET 9的应用中实现进度条功能我们可以通过HttpContext.Response来发送实时的进度更新到前端。以下是一个简单的示例展示了如何在ASP.NET Core应用中实现这一功能。
但是我在.net framework4.7.2框架下实际不了HttpContext.Response.WriteAsync发贴求解决办法 后端代码C# 首先我们需要创建一个ASP.NET Core控制器动作该动作将模拟一个长时间运行的任务并在任务执行过程中发送进度更新。
using Microsoft.AspNetCore.Mvc;
using System;
using System.Threading;
using System.Threading.Tasks;
[ApiController]
[Route([controller])]
public class ProgressController : ControllerBase
{[HttpGet(start)]public async Task StartLongRunningTask(){// 设置响应头指示这是一个长时间运行的请求HttpContext.Response.Headers.Add(Connection, keep-alive);HttpContext.Response.Headers.Add(Content-Type, text/event-stream);HttpContext.Response.Headers.Add(Cache-Control, no-cache);// 模拟长时间运行的任务for (int i 0; i 100; i){// 发送进度更新await SendProgress(i);// 模拟工作负载await Task.Delay(100);}// 任务完成关闭连接await HttpContext.Response.Body.FlushAsync();HttpContext.Response.Body.Close();}private async Task SendProgress(int percentage){var data $data: {percentage}\n\n;var bytes System.Text.Encoding.UTF8.GetBytes(data);await HttpContext.Response.Body.WriteAsync(bytes, 0, bytes.Length);await HttpContext.Response.Body.FlushAsync();}
} 二、前端代码HTML JavaScript 接下来我们需要创建一个简单的HTML页面用于显示进度条并使用JavaScript来接收后端发送的进度更新。
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleProgress Bar Example/titlestyle#progressBar {width: 0%;height: 30px;background-color: green;text-align: center;line-height: 30px;color: white;}/style
/head
bodydiv idprogressBar0%/divbutton onclickstartProgress()Start Task/buttonscriptfunction startProgress() {const eventSource new EventSource(/Progress/start);eventSource.onmessage function(event) {const progressBar document.getElementById(progressBar);progressBar.style.width event.data %;progressBar.textContent event.data %;};eventSource.onerror function() {eventSource.close();console.error(EventSource failed.);};}/script
/body
/html
