ASP.Net MVC 加载进度指示器

Question

我有一个 MVC 控制器，它运行一个进程，设置一些视图数据，然后在视图中将该数据的结果返回给用户。 处理时间取决于正在处理的数据量。 我需要一种好方法来在进程运行时在视图中显示动画 .gif，让用户知道正在发生某些事情。

我已经研究了各种 AJAX 方法和部分视图，但仍然找不到完成此任务的好方法。 我真正希望我能做的是有一个 ActionFilter，它会在显示此动画 .gif 的 OnActionExecuting 事件期间返回视图或部分视图，然后一旦控制器完成处理并返回 ViewData，即具有实际视图的视图或部分视图可以显示数据。

jQuery 似乎还能够提供一种很好的异步方式来在后台调用控制器操作，然后渲染视图。 任何帮助，将不胜感激。

Answer 1

在您的控制器中：

public JsonResult GetSomething(int id)
{
    return Json(service.GetSomething(id));
}

在视图中（javascript，使用 JQuery）：

$('#someLink').click(function()
{
    var action = '<%=Html.ResolveUrl("~/MyController.mvc/GetSomething/")%>' + $('#someId').val() + '?x=' + new Date().getTime();
    $('#loading').show()
    $.getJSON(action, null, function(something) 
    {
        do stuff with something
        $('#loading').hide()
    });
});

请注意，这假定“id”位于操作之后的路线。 操作中的“x”参数是为了阻止 IE 中的激进缓存。

在视图（标记）中：

<img id="loading" src="images/ajax-loader.gif" alt=""/> 
<!-- use a css stlye to make display:none -->

在此处获取加载程序 gif。

另请注意，您不必使用 Json 执行此操作。 如果您愿意，您可以从控制器操作中获取其他内容，例如 HTML 或 XML。