Альтернатива Viewcomponent для обновления ajax

Question

У меня есть viewcomponent, который содержит некоторую бизнес-логику многократного использования, которая встраивается в различные страницы. Это работало нормально. Однако теперь у меня есть требование обновить компонент представления с помощью ajax.

Есть ли способ сделать это? Из того, что я прочитал, это невозможно, хотя эта информация была немного устаревшей. Если это невозможно, какова лучшая альтернатива?

Answer 1

На бета7 теперь можно вернуть ViewComponent непосредственно из контроллера. Проверьте MVC/Razor раздел объявления

Новый ViewComponentResult в MVC позволяет легко возвращать результат 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); });

Конечно, до бета7 вы могли создать представление в качестве обходного пути, предложенного @eedam, или использовать подход, описанный в этих ответах.