asp.net-mvc - 根据菜单更改同一视图中的部分视图

Question

我正在 MVC5 中创建一个静态页面网站。我想根据单击页面左侧的菜单项更新右侧的“内容”div，而不刷新整个页面。我为菜单部分使用了一个局部视图，并且为菜单中的每个项目创建了局部视图。

Answer 1

您可以使用类似这样的东西，其中“yourMenuItem”、“partialUrl”和“rightPanel”指的是要单击的菜单选项、部分返回内容的 URL 和要插入内容的目标 div：

$('#yourMenuItem').on('click', function(event) {
    event.preventDefault();
    event.stopPropagation();   
    $.get("/partialUrl", function(data) {
        $("#rightPanel").replaceWith(data);
    });
});

您可能应该使用 @(Url.Action("Action", "Controller")) 来派生部分 URL。