如何在不等待长时间运行的过程的情况下运行方法

Question

我有一个Layout，其中有一个@RenderBody 部分和一个index 页面。我的索引页面有一个长时间运行的过程，我希望它无需等待DoSomeAsyncStuff 即可呈现视图。以下代码看起来接近我想要的，但问题在于我的模型在传递给视图时它的属性为空：

public ActionResult Index()
{
    MyModel model = new MyModel();
    Task.Run(() => DoSomeAsyncStuff(model));
    return View(model);
}

private async void DoSomeAsyncStuff(MyModel model)
{
    await Task.Delay(20000);
    model.Name = "Something";
    //Assigning other model properties
}

在我看来，我得到了NullReferenceException 和Value cannot be null 错误，这当然是因为我的模型的属性仍未填充到DoSomeAsyncStuff 方法中：

<table>
<tr>
    <th colspan="3">
        @Model.Products.Select(c => c.Date).FirstOrDefault()
    </th>

</tr>

@foreach (var item in Model.Products)
{
    <tr>
        <td>
            @item.Title
        </td>
        <td>
            @item.Price
        </td>
    </tr>
}
</table>

Answer 1

你还没有展示你的模型，所以这主要是伪代码。首先，将长时间运行的内容移至另一个操作：

public ActionResult Index()
{
    var model = new MyModel();

    return View(model);
}

public async Task<ActionResult> DoSomeAsyncStuff()
{
    var model = new MyModel();
    await Task.Delay(20000);

    model.Name = "Something";
    //Assigning other model properties

    return PartialView("_InnerView", model);
}

模型绑定的所有内容都应该在局部视图中（我称之为_InnerView.cshtml，在这里）。父视图应该只有一个占位符或加载小部件，您的模型绑定标记当前所在的位置：

<div id="load-with-ajax">
    Please wait. Loading...
</div>

然后，在页面的某处，在您的 jQuery 引用之后（我假设您正在使用或愿意使用 jQuery），添加类似的内容：

<script>
    $(function(){
        $('#load-with-ajax').load('@Url.Action("DoSomeAsyncStuff")');
    });
</script>

Answer 2

您需要将 async 和 await 应用于您的方法。这将确保模型在传递到您的视图时被填充。

public async Task<ActionResult> Index()
{
    var model = new MyModel();
    await DoSomeAsyncStuff(model);
    return View(model);
}

private async Task DoSomeAsyncStuff(MyModel model)
{
    await Task.Delay(20000);
    model.Name = "Something";
    //Assigning other model properties
}

唯一的另一种选择是在两次调用中执行此操作。

public ActionResult Index()
{
    return View();
}

public async Task<ActionResult> PartialIndex()
{
    var model = new MyModel();
    await DoSomethingAsync(model);
    return PartialView(model);
}

private async Task DoSomeAsyncStuff()
{
    await Task.Delay(20000);

    model.Name = "Something";
    //Assigning other model properties
}

为了确保模型被填充，您必须等待异步方法返回。第二种方法可能会被调整为更接近您正在寻找的东西。