Server Side Асинхронный не на стороне клиента Асинхронный
стороне сервера асинхронной не делает частичный рендеринг страницы в веб-браузере. Следующий код будет заблокирован до тех пор, пока не вернется 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");
}
}
~/просмотров/Общие/Компоненты/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
Когда вы говорите, "Он ждет," что вы имеете в виду? То есть, что означает «это»? –
Страница отображается только при визуализации компонента. Я ожидаю, что страница закончит рендеринг, а затем компонент будет отображаться асинхронно. Кроме того, я хотел бы иметь spinner (gif), который находится на месте для компонента, пока он не будет отображаться. – Jash