ViewComponents不是异步的
Jas*_*ash 3 c# asp.net-core-mvc asp.net-core asp.net-core-viewcomponent
我正在尝试使用该ViewComponents.InvokeAsync()功能,但不知何故,这根本不是异步.它正在等待组件代码呈现.
http://docs.asp.net/en/latest/mvc/views/view-components.html
我的代码与上面例子中解释的代码非常相似.我正在使用在MVC 6中创建新应用程序时出现的布局页面.
我认为该ViewComponent.InvokeAsync()方法将相对于主页面异步呈现.但事实并非如此.为了实现这一点,我们需要使用这里解释的AJAX .
Sha*_*tin 14
服务器端异步不是客户端异步
服务器端异步不会在Web浏览器中执行部分页面呈现.以下代码将阻止直到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视图组件
要在Web浏览器中部分呈现页面,我们需要使用客户端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的
| 归档时间： |
|
| 查看次数： |
6247 次 |
| 最近记录： |