更改頁面無回發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"); 
    }