.NET Core MVC 实现长时间任务的进度显示


.NET Core MVC 页面中有个任务按钮可能需要长时间运行,后台需要批量处理一些数据,现在希望能 显示处理进度

废话不多说,直接上代码:

主要代码 后台控制器,关键字 Flush

public async Task test()
{
    var response = Response;
    response.Headers.Add("Content-Type", "text/event-stream");

    for (var i = 0; i < 5; ++i)
    {
        await response.WriteAsync($"data: Controller {i} at {DateTime.Now}\r\r");

        response.Body.Flush();
        await Task.Delay(1500);
    }
}
GarsonZhang www.yesdotnet.com

前端主要代码 关键词  EventSource

var source = new EventSource('url');

source.onmessage = function (event) {
    console.log('message:'+event.data)
};

source.onopen = function (event) {
    console.log('open')
};

source.onerror = function (event) {
    console.log('error')
    source.close();
}
GarsonZhang www.yesdotnet.com

 

实例中的源代码

 

 

 

版权声明:本文为YES开发框架网发布内容,转载请附上原文出处连接
张国生
上一篇:远程控制软件
下一篇:支付宝支付对接
评论列表

发表评论

评论内容
昵称:
关联文章

.NET Core MVC 实现时间任务进度显示
.net Core编译出现错误:指定任务可执行文件“sgen.exe”未能运行,文件名或扩展名太
ASP.NET Core MVC路由约束
.NET Core定时任务(控制台程序)
ASP.NET Core MVC 在过滤器ActionFilter中保存页面生成html静态页面文件
asp.net - 在 ASP.NET Core MVC 中嵌套 TagHelper
ASP.NET MVC和ASP.NET Core MVC中获取当前URL/Controller/Action
.net core MVC页面源码文件中文被编码
熔断和降级初步详解实现NET Core控制台输出讲解Polly)
ASP.NET MVC快速入门(一)
.net core MVC 使用 jquery ajax请求 Post json
.NET Core MVC中间件使用记录日志
ASP.NET+MVC入门踩坑笔记 (一) 创建项目 项目配置运行 以及简单Api搭建
.NET Core ResponseCache 浏览器缓存
asp.net core mvc修改cshtml试图热加载动态更新
.NET Core 实现动态代理做AOP(面向切面编程)
.NET Core 利用委托实现动态流程组装
asp.net core MVC路由添加.html伪静态url时报错
记一次.Net Core程序启动失败排查过程
.NET Core鉴权授权正确方式(.NET5)

联系我们
联系电话:15090125178(微信同号)
电子邮箱:garson_zhang@163.com
站长微信二维码
微信二维码