如何在控制器方法结束前渲染Razor视图？加载视图不显示求助

问题根源 #

你当前的写法存在本质错误：ASP.NET Core的Action遵循HTTP请求-响应模型，一次请求只能返回一个IActionResult。调用View("Processing")只是创建了一个视图结果对象，但不会立刻发送给客户端，后续的return语句会直接覆盖这个结果，所以加载视图永远不会被用户看到。RedirectToAction同理，本质是返回跳转响应，无法在跳转后继续执行原Action的业务逻辑。

正确实现方式 #

要实现“先显示加载页，完成异步处理后更新结果/跳转”，必须拆分请求，结合前端异步调用：

1. 新增加载页专属Action #

这个Action只负责返回加载视图，不处理业务逻辑：

public IActionResult Processing()
{
    return View("Processing", "Processing...");
}

2. 新增异步处理的API接口 #

单独写一个Action处理耗时的ProcessData逻辑，返回处理结果：

[HttpPost]
[ValidateAntiForgeryToken]
public async Task<IActionResult> ProcessDataApi()
{
    bool successful = await ProcessData();
    return Json(new 
    { 
        Success = successful, 
        SuccessMessage = "Processed successfully",
        RedirectUrl = "/YourTargetRedirectUrl" 
    });
}

3. 修改加载视图（Processing.cshtml） #

在视图中加入JS，页面加载后自动调用异步接口，实时更新状态：

<h1>@Model</h1>
@* 防伪造令牌，POST请求必须携带 *@
@Html.AntiForgeryToken()

<script>
window.addEventListener('load', async () => {
    const statusElement = document.querySelector('h1');
    try {
        const token = document.querySelector('input[name="__RequestVerificationToken"]').value;
        const response = await fetch('/YourControllerName/ProcessDataApi', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'RequestVerificationToken': token
            }
        });

        if (!response.ok) throw new Error('请求失败');
        const result = await response.json();

        if (result.Success) {
            statusElement.textContent = result.SuccessMessage;
            // 如果需要跳转，取消上面一行，改用下面的代码
            // window.location.href = result.RedirectUrl;
        } else {
            window.location.href = result.RedirectUrl;
        }
    } catch (err) {
        statusElement.textContent = 'Processing failed';
        console.error(err);
    }
});
</script>

4. 触发流程 #

用户访问/YourControllerName/Processing，先看到加载页面；页面自动发起异步请求到ProcessDataApi，处理完成后更新页面内容或跳转到目标地址。

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