ajax - 用于 ajax 刷新的 Viewcomponent 替代方案

Question

我有一个视图组件，其中包含一些嵌入在各个页面中的可重用业务逻辑。这一直运作良好。但是，我现在需要使用 ajax 刷新视图组件。

有没有办法做到这一点？根据我的阅读，这是不可能的，尽管该信息有点过时了。如果不可能，最好的选择是什么？

Answer 1

在 beta7 上，现在可以直接从控制器返回 ViewComponent。查看公告的 MVC/Razor 部分

MVC 中的新 ViewComponentResult 使得从操作返回 ViewComponent 的结果变得很容易。这使您可以轻松地将 ViewComponent 的逻辑公开为独立端点。

所以你可以有一个像这样的简单视图组件：

[ViewComponent(Name = "MyViewComponent")]
public class MyViewComponent : ViewComponent
{
    public IViewComponentResult Invoke()
    {
        var time = DateTime.Now.ToString("h:mm:ss");
        return Content($"The current time is {time}");
    }
}

在控制器中创建一个方法，例如：

public IActionResult MyViewComponent()
{
    return ViewComponent("MyViewComponent");
}

并且比我快速而肮脏的 ajax 刷新做得更好：

var container = $("#myComponentContainer");
var refreshComponent = function () {
    $.get("/Home/MyViewComponent", function (data) { container.html(data); });
};

$(function () { window.setInterval(refreshComponent, 1000); });

当然，在 beta7 之前，您可以创建一个视图作为@eedam 建议的解决方法，或者使用这些答案中描述的方法