如何在不刷新整个页面的情况下加载同一内容 div 标签中的不同视图

Question

我知道一定可以在我的 visual studio 解决方案中的同一个 div 标记中加载不同的 PartialView，但我无法做到。这是我想要制作的照片。我正在使用剃刀获取 html，但不知道如何操作。

我的html第一个选项是这样的

> <li><div id="abmPlan"><i class="fa fa-dashboard fa-fw"></i> ABM
> Plan</div></li>

我的内容包装器是这个

 <div id="page-wrapper"></div>

假设我的菜单控制器中有一个 test1 视图仅用于测试。

我已经尝试使用 actionLink 来完成，但这会创建一个按钮，我不想要那个，因为我已经有了我的标记并且运行。除了菜单消失，只在布局主体中显示我的部分视图。

提前致谢！

Answer 1

好的，我终于做到了。这是代码。

 $('#abmPlan').on('click', function (e) {
        var base = window.location.origin + '/Plan/_ObtenerVistaPlan';
        $('#contenidoMenuAdministrador').load(base  );
    });

URL 有问题，所以我必须获取基础URL，然后设置相应的路径。感谢那些回答并试图帮助我的人！

如何在不刷新整个页面的情况下加载同一内容 div 标签中的不同视图

How to load different views in same content div tag without refreshing entire page

javascript

jquery

razor-2

visual-studio-2013