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

Question

我知道必须能够在我的visual studio解决方案中在同一个div标签中加载不同的PartialViews，我无法得到它。这是我想要制作的图片。我正在使用剃须刀来获取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  );
    });

网址存在问题，因此我必须获取基本网址，然后设置相应的路径。感谢那些回答并试图帮助我的人！