ajax - MVC6 EF7 Viewcomponent ajax 刷新问题

Question

引用 Viewcomponent alternative for ajax refresh .我无法在 MVC6 中刷新 ajax。 JavaScript 容器找到 Div 值，但数据未更新。任何想法，将不胜感激!

ViewComponent - Default.cshtml:

@model IEnumerable<My.Models.Queue>
@foreach (var item in Model)
{
  @item.Queue
}

索引.cshtml:

<div id="Queue" class="blink">@Component.Invoke("Queue")</div>

javascript:

var container = document.getElementById("Queue");
var refreshComponent = function () {
$.get("Shared/Components/Queue", function (data) { container[data]; });};
$(function () { window.setInterval(refreshComponent, 1000); });

Answer 1

您不能直接向 发出 Ajax 请求 View 组件 ，但您可以从任何 调用它 Controller 的方法，如 post 中所述你在问题中提到的。

所以你应该创建一个简单的 Controller 的方法如:

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

并从您的 JavaScript 调用它:

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

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

凡 首页 是 Controller 新创建的方法的名称。