根据菜单在同一视图中更改部分视图

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”））来获取部分网址。