Как визуализировать частичный вид асинхронно

Question

Может ли частичный просмотр отображаться асинхронно?

У меня есть частичный вид, который должен отображать сообщения в блоге. Сообщения в блоге возвращаются асинхронно.

В моем _Layout файле сделаю мой партией footer _Footer. В _Footer У меня есть следующий код:

@Html.Action("FooterLatestBlogPosts", "Common") 

Так что в моем Common контроллере я следующий метод действия:

public async Task<ActionResult> FooterLatestBlogPosts() 
{ 
    List<ArticleDTO> articleDTOs = await articleTask.GetAllAsync(); 

    return PartialView(articleDTOs); 
} 

В моем FooterLatestBlogPosts частичном виде у меня есть следующий:

@model List<MyProject.Application.DTO.ArticleDTO> 
@if (Model.Count > 0) 
{ 
    <ul class="list-unstyled"> 
      @foreach (var articleDTO in Model) 
      { 
       <li>@articleDTO.Title</li> 
      } 
    </ul> 
} 

Я получаю сообщение об ошибке:

Error executing child request for handler 'System.Web.Mvc.HttpHandlerUtil+ServerExecuteHttpHandlerAsyncWrapper' 

Должен ли я просто создать синхронный mthod для возврата моих данных?

Answer 1

Я пошел с ответом на пост, который @buffjape предложил:

Async PartialView causes "HttpServerUtility.Execute blocked..." exception

Я изменил мои методы все синхронными.

Answer 2

Прежде всего, вам необходимо использовать Html.Partial, как было предложено @buffjape. Если частичный вид не в Shared папке необходимо указать путь к представлению

@Html.Partial("~/Views/Common/FooterLatestBlogPosts", yourModel)

Однако в этом случае ваше мнение по-прежнему загружен синхронно. Чтобы загрузить его асинхронным способом, вам нужно загрузить его через jQuery. Статья Improve perceived performance of ASP.NET MVC websites with asynchronous partial views дает очень хорошее описание того, как ее достичь.

также заменить Html.Render с

$(document).ready(function(){ 
    $("#yourContainer").load('@Url.Action("FooterLatestBlogPosts", "Common")') 
});