Question

我正在开发单页Web应用程序，我将使用MVC和淘汰赛。在_Layout.cshtml中，我将使用菜单栏，用户可以使用该菜单栏查看不同的视图。当我点击菜单中的项目时，我将调用控制器方法并成为单页面应用程序，我将返回局部视图。但是，我很困惑如何在视图区域中加载返回的局部视图。如果我使用Ajax.BeginForm，我可以指定UpdateTargetID，我需要在其中更新我的局部视图，但与菜单项单击一样，它只是服务器方法调用。所以我想知道如何更新视图区域内的局部视图？

你认为为每个菜单项编写以下javascript函数是我需要做的吗？

$('#menuitemId').click( function() {
$.ajax({
    type: 'POST',
    url: '@Url.Content("~/ControllerName/ActionName")',
    data: objectToPass,
    success: function (data) {
       $('#divid').innerHTML = data;  // data is partial view returned from controller
    }
});
}

另外，有人可以指点我/分享单页网页应用程序的工作演示/好文档与MVC和淘汰赛吗？

Answer 1

这对我来说很好看。你也可以这样简化：

$('#menuitemId').click( function() {
   $('#divid').load('@Url.Content("~/ControllerName/ActionName")' + menuItemId);
});

导航到单页应用程序

1 个答案: