我在MVC项目中有四页Map1,Map2,About,Contacts。我想在不刷新页面的情况下在Map1和Map2之间导航,以便在Map1和Map2之间更改页面时保持页面状态。
以下是我在MVC项目_Layout.cshtm
页面中四页的四个链接。
<li>@Html.ActionLink("Map1", "Index", "map1")</li>
<li>@Html.ActionLink("Map2", "Index", "map2")</li>
<li>@Html.ActionLink("About", "About", "Home")</li>
<li>@Html.ActionLink("Contact", "Contact", "Home")</li>
答案 0 :(得分:0)
理由是将内部页面设置为部分视图,并从容器页面(Layout)中将javascript中的Map1,Map2,About,Contacts与Ajax联系起来:
查看(布局,但不仅仅是):
<div id="DestinationLayoutDiv">
</div>
使用Javascript:
$.ajax({
url: '@Url.Action("action", "controller")',
data: { _param: param},
type: 'GET',
success: function (data) {
$('#DestinationLayoutDiv').html(data);
}
});
控制器:
[HttpGet]
public ActionResult switchMenu(string param)
{
//Your logic, switch or some and return :
return PartialView("About");
}