ASP.NET MVC使用JQuery将多个部分视图加载到单个div中

我正在开发一个由导航树,内容框和搜索框组成的帮助页面。 导航树具有常见问题和词汇表的链接,每个链接都链接到返回部分视图的Action。

在导航树的右侧,我有一个内容div,我想包含导航树中选择的部分视图。

成功案例(我想要完成的事情):点击其中一个FAQ链接调用我的控制器中的FAQ()方法,然后返回一个局部视图,然后显示在导航树右侧的内容div中。 单击另一个项目将导致加载另一个部分视图。

我该怎么做? 我已经阅读了大量的ASP.NET MVC JQuery加载博客文章和教程,但找不到任何完成此操作的人。

非常感谢!

您应该能够使用jQuery方法.load()将HTML加载到div中。 http://api.jquery.com/load/

您可以创建一个将部分视图作为HTML返回的操作。 ASP.NET MVC将部分视图作为完整视图页面返回

jQuery:你可以做的一个简单的方法是在页面加载中加载“Container Div”中的所有部分视图(如果性能不是问题)然后在“容器”中为每个部分div分配不同的div id,而不是使用jquery control show(); 隐藏(); 为每个div。

MVC:但是,如果我是你,“词汇表”和“常见问题解答”看起来与我相同的模型,它不应该放在不同的局部视图中。 如果他们确实是在单独的模型中设计的,在这种情况下,我建议您创建一个代理类作为要显示的模型上方的ViewModel,然后仅使用一个局部视图加载它