停止刷新 mvc 布局中的 _navigation 部分视图或仅加载 _navigation 1 次

Question

我有一个标准的 MVC 布局，带有导航（滑动导航）。

页眉和页脚是部分视图并在视图中引用。每次我单击导航链接时，总页面都会刷新并且缺少活动的导航栏位置（放置）。我怎样才能最好地解决这个问题？欢迎任何建议。 我的 _layout.cshtml 是..

    <!--Wrapper-->     
        <div id="wrapper">

        <!--Navigation--> 

@Html.Partial("_Navigation")    

<!--Page wraper-->    
            <div id="page-wrapper" class="gray-bg">

                @Html.Partial("_TopNavbar")

                <!-- Main view-->    
                @RenderBody()    

                <!-- Footer -->
                @Html.Partial("_Footer")            
</div>
            <!-- End page wrapper-->

        </div>

and i tried the load method like follows..
     $(document).ready(function () {
        $("a.stop_refresh").click(function (e) 
    {
     e.preventDefault(); var url = $(this).attr("href"); $('#page-wrapper').load(url); 
        });

Answer 1

您可以将导航链接作为 ajax 调用。作为响应服务器将向您发送生成的 HTML - 然后您将使用它（使用 jquery / javascript）替换您尝试重新加载的页面的旧 HTML 部分。 为了获得更好的效果，将某种加载器添加到正在刷新/重新加载的页面部分（它应该作为单击时的第一个事件开始，并在收到来自 ajax 调用的响应时结束）。
但这对大多数页面来说工作量太大，而且由于某些元素可能会发生变化，因此您在上面花费的代码量/时间在大多数情况下并不是一个可行的选择。