服务器端异步不是客户端异步

Question

我正在尝试使用ViewComponents.InvokeAsync()功能，但不知何故，这根本不是异步的。它正在等待组件代码呈现。 http://docs.asp.net/en/latest/mvc/views/view-components.html

我的代码与上例中解释的代码非常相似。我正在使用在MVC 6中创建新应用程序时出现的布局页面。

我认为ViewComponent.InvokeAsync()方法将相对于主页面异步呈现。但事实并非如此。为了实现这一点，我们需要按照here解释使用AJAX。

Answer 1

服务器端异步不是客户端异步

服务器端异步不会在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中

ViewComponents不是异步的

1 个答案:

服务器端异步不是客户端异步

AJAX视图组件