ASP.NET MVC剃刀-导航而不刷新母版页

Question

在我的MVC应用程序（使用Razor）中，我希望避免每次单击链接时刷新母版页。

我的母版页具有以下结构：

<html>
....
<div id="main">
@RenderBody()
</div>
...
</html>

链接按钮可以在母版页和内容页中。 页面的结构如何？

Answer 1

每次使用标准调用检索视图时，都会刷新主视图。

如果要避免这种情况，则应使用PartialViews创建所有视图，并进行AJAX调用。 因此，当您单击链接时，将执行ajax调用，将检索局部视图，并且DOM元素（通常为div）将填充局部视图的内容。

可以手动执行此操作，但是您将不得不面对许多问题。 如果您真的想做一个SPA（单页应用程序），请开始寻找AngularJs，Durandal，Backbone或任何可帮助您解决此问题的Javascript库！ （即查看http://www.codeproject.com/Articles/709766/Tutorial-for-Building-SPA-using-AngularJS ）。

Answer 2

最后，我们决定使用一个过时且过时的解决方案，但是在我的特定情况下（屏幕尺寸固定，没有移动设备，仅支持ff），它的效果很好。 我使用iframe html标签：创建一个自定义的起始网页，其中包含3个不同的iframe，这些iframe调用了它们自己的功能控制器。 我不建议这样做，但是对于像我这样的紧急情况下的某个人可能有用。