Javascript 如何在不刷新整个页面的情况下在同一content div标记中加载不同的视图

我知道在我的VisualStudio解决方案中，必须能够在同一个div标记中加载不同的PartialView，但我就是无法得到它。这是我想拍的照片。我正在使用razor获取html，但不知道如何实现

第一个选项的html如下所示

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

ABM
>计划

我的内容是这样的

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

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

我已经试过用actionLink来做了，但这会创建一个按钮，我不想这样做，因为我的标记已经很好地运行了。除此之外，菜单消失，仅在布局主体中显示我的局部视图

---

提前谢谢

好吧，我终于做到了。这是密码

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

---

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

你需要一个Ajax调用。使用jQuery或Ajax.actionlink谢谢dave。我有一个例子，但似乎不起作用$（'page wrapper'）.load（@Url.Action（'u ViandaPersonal'，'Menu'）；在“我的重复”选项的“单击”方法中。VS告诉我一个“错误的编译常量值”。对此有什么建议吗？可能是

$（“#页面包装器”）.load（@{Url.Action（“_ViandaPersonal”，“Menu”）}）

不起作用。当我在（'click'，function（e）{debugger；$（'#page wrapper'）.load（@{Url.Action（“vistavianspersonal”，“Menu”）}）上解bug这个$（'abmPlan'））；负载似乎没有参数。