Ajax刷新的ViewComponent替代方案

小编典典

Ajax刷新的ViewComponent替代方案

ajax

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

有什么办法可以做到这一点？从我所读的内容来看，这是不可能的，尽管该信息有些过时了。如果不可能的话，最好的选择是什么？

阅读 385

2020-07-26

共1个答案

小编典典

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

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建议的解决方法，也可以使用这些答案中描述的方法

2020-07-26