MVC5 哪个 Helper 只更新主要内容？

Question

在 MVC5 中，我有一个经典的布局，左侧是菜单，右侧是一个大的主要内容区域。

菜单有 3 个按钮。他们应该用不同的视图（索引，索引2，索引3）更新主要内容。

当我尝试使用 @Url.Action() 时，整个页面都会重新加载。我只希望在@RenderBody()

中呈现视图

<button onclick="location.href='@Url.Action("Index", "Home")'">Index</button>
<button onclick="location.href='@Url.Action("Index2", "Home")'">Index2</button>
<button onclick="location.href='@Url.Action("Index3", "Home")'">Index3</button>

更新 1：

<div class="row">
    <div id="col-main" class="col-sm-12">
        <div class="well"></div>
        <div id="renderBody">
            @RenderBody()
       </div>
   </div>
</div>

Answer 1

你可以用这个...

 @Ajax.ActionLink("Edit", "Edit", new { id = item.ID }, new AjaxOptions { UpdateTargetId = "targetDiv", InsertionMode = InsertionMode.Replace,HttpMethod = "GET"})

您可以提供您的右侧面板 ID 作为目标区域，您可以在其中呈现您想要的视图... 我希望这对你有帮助。