在mvc中没有回发更改页面

时间:2017-09-04 06:27:47

标签: asp.net-mvc

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

1 个答案:

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