MVC中修改部分视图的方法，实现母版页功能

最新推荐文章于 2021-12-20 21:52:00 发布

原创最新推荐文章于 2021-12-20 21:52:00 发布 · 252 阅读

0 ·

CC 4.0 BY-SA版权

WEB前端同时被 3 个专栏收录

112 篇文章

订阅专栏

MVC4

31 篇文章

订阅专栏

asp.net core

20 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态加载不同视图的方法。通过定义getview函数并为按钮设置onclick事件，可以实现点击按钮时加载指定页面内容到特定div元素内，避免了页面的完全刷新，提高了用户体验。

_layout.cshtml中加入如下代码即可

只要在onclick中改变action即可

    <script type="text/javascript">
        function getview(str) { 
            $("#subpage").load(str).show();  
    }

            <div>
                <button onclick="getview('/home/Privacy')">ok</button>
                <button onclick="getview('/home/Privacy1')">ok1</button> 
            </div>

    <div class="container">
        <main role="main" class="pb-3">
            @RenderBody()

            <div id="subpage">
                @Html.Partial("Privacy")
            </div>
            
        </main>
    </div>