在视图之间移动而不刷新/重新加载

时间:2015-11-26 09:13:10

标签: javascript ajax asp.net-mvc

我目前正在考虑将一个带有ASP.NET MVC的网站组合在一起,使用户能够在不同页面的情况下在页面之间移动(查看到查看)。

我目前正在考虑将视图视为'区域'(或迷你母版页)并在视图位置使用部分视图。然后,我将根据需要使用对控制器的AJAX调用(将加载局部视图)和JavaScript来切换部分视图。

我觉得我可以更好地解释这个,但我不太清楚如何用它来表达,所以希望这个图表能有所帮助:

enter image description here

以下是我目前的文件夹结构。 Index.vbhtml充当了前面提到的“区域”。

Views/
    Accounts/
        Partials/
            ViewAccount.vbhtml
            CreateAccount.vbhtml
        Index.vbhtml

我正在使用JS函数加载我的局部视图:nav.navigateToView("Action", "Controller")

例如:nav.navigateToView("ViewAccount", "Accounts"会将ViewAccount.vbhtml局部视图加载到我的页面上。

我想知道的是:目前是否有定义的方法,或者我可以用来帮助我的库?如果没有,您能就如何实现这一目标提供一些有用的建议吗?我不相信我所描述的方法是足够的。

如果已经提出这个问题,请道歉!我很难找到与此主题相关的任何内容。我错过了一些简单的东西吗?

谢谢,
亚伦。

2 个答案:

答案 0 :(得分:1)

根据您提供的说明,我认为您所描述的是单页面应用程序(SPA)。毋庸置疑,有一些文章可用,所以很抱歉没有更具体。

一种方法是使用Angular.js这是一个Javascript框架,描述为herehere(以及数千个其他网站)。

答案 1 :(得分:0)

ASP.NET单页面应用程序(SPA)可帮助您使用HTML 5,CSS 3和JavaScript构建包含重要客户端交互的应用程序。现在开始编写高度交互的Web应用程序比以往任何时候都容易。

请参阅this网站。