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

【问题标题】：ASP.NET MVC loading multiple partial views into a single div using JQueryASP.NET MVC 使用 JQuery 将多个部分视图加载到单个 div 中
【发布时间】：2010-07-27 21:29:38
【问题描述】：

我正在开发一个由导航树、内容框和搜索框组成的帮助页面。导航树包含指向常见问题和词汇表的链接，每个链接都链接到返回部分视图的操作。

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

成功案例（我想要完成的）： 点击其中一个常见问题链接会在我的控制器中调用 FAQ() 方法，然后返回一个局部视图，该视图随后会显示在我的内容 div 中在导航树的右侧。单击另一个项目会导致加载另一个局部视图。

我该怎么做？我已经阅读了大量的 ASP.NET MVC JQuery 加载博客文章和教程，但找不到完全这样做的人。

非常感谢！

【问题讨论】：

标签： asp.net-mvc jquery partial-views

【解决方案1】：

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

您可以创建一个以 HTML 形式返回分部视图的操作。 ASP.NET MVC Returning Partial View as a full View Page

【讨论】：

【解决方案2】：

jQuery: 您可以做的一种简单方法是在页面加载时一次性加载“Container Div”中的所有部分视图（如果性能不是问题）然后在“容器”内为每个部分 div 分配不同的 div id，而不是使用 jquery 来控制 show();隐藏（）;对于每个 div。

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

【讨论】：