更改页面无回发mvc

Question

我有四个页面Map1，Map2，关于，MVC项目中的联系人。我想在不刷新页面的情况下在Map1和Map2之间导航，以便在Map1和Map2之间切换页面时保持页面状态。

这里是我在四个页面的四个链接_Layout.cshtm l页的MVC项目。

<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> 

Answer 1

的理由是设置内部页面的局部视图，并从容器页面（布局）把地图1，地图2，关于与阿贾克斯联系在javascript：

视图（布局，但不只是）：

<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"); 
    }