Асинхронизация на стороне сервера не является асинхронностью на стороне клиента
Асинхронизация на стороне сервера не выполняет частичный рендеринг страницы в веб-браузере. Следующий код будет блокироваться до тех пор, пока GetItemsAsync
не вернется.
public async Task<IViewComponentResult> InvokeAsync()
{
var items = await GetItemsAsync();
return View(items);
}
И этот код будет блокироваться до тех пор, пока itemsTask
не завершится.
public async Task<IViewComponentResult> InvokeAsync()
{
var itemsTask = GetItemsAsync(maxPriority, isDone);
// We can do some other work here,
// while the itemsTask is still running.
var items = await itemsTask;
return View(items);
}
Асинхронизация на стороне сервера позволяет нам выполнять дополнительную работу на сервере, пока мы ждем завершения какой-либо другой задачи на стороне сервера.
Компонент просмотра AJAX
Чтобы частично отобразить страницу в веб-браузере, нам нужно использовать AJAX на стороне клиента. В следующем примере мы используем AJAX для вызова /Home/GetHelloWorld
и рендеринга в файле body
.
~/HelloWorldViewComponent.cs
public class HelloWorldViewComponent : ViewComponent
{
public IViewComponentResult Invoke()
{
var model = new string[]
{
"Hello", "from", "the", "view", "component."
};
return View("Default", model);
}
}
~/HomeController.cs
public class HomeController : Controller
{
public IActionResult GetHelloWorld()
{
return ViewComponent("HelloWorld");
}
}
~/Views/Shared/Components/HelloWorld/Default.cshtml
@model string[]
<ul>
@foreach(var item in Model)
{
<li>@item</li>
}
</ul>
~/wwwroot/index.html
<body>
<script src="js/jquery.min.js"></script>
<script>
$.get("home/GetHelloWorld", function(data) {
$("body").html(data);
});
</script>
</body>
локальный: 5000/index.html
![Неупорядоченный список, отображающий массив строк.](https://i.stack.imgur.com/xclYu.png)
person
Shaun Luttin
schedule
16.03.2016