使用Ajax NAvigation的单页网站

Question

我正在计划一个简单的网站布局：包含导航，侧边栏和内容块的标题。

整个网站应该是单页面应用程序，因为我使用的是Cesium Visualization，页面重新加载将删除查看器中显示的当前JS对象。

因此我想使用AJAX重新加载内容容器以显示我的不同“页面”，因此将所有JS对象保存在浏览器中。

我的问题是：

您知道如何在此架构中添加基于网址的导航吗？

例如：我在索引页面/索引/上并输入新的url / content1 /。新的url使用AJAX重新加载内容容器，并保持原样。因此，我也可以使用浏览器的前进和后退按钮。

使用ASP.net MVC路由可以实现吗？ 我对此很陌生，所以我希望我能很好地解释我的问题。

非常感谢！

Answer 1

尝试使用ajax通过ajax动态加载内容的Pjax 和pushState维护url历史，即HTML5 api。您可以在下面的链接中找到更多详细信息

https://github.com/defunkt/jquery-pjax

如果您熟悉angularjs，那么使用ngRoute是Pjax的更好替代品，因为它通过路由服务进行有效的URL管理，请查看以下链接以获取有关ngRoute的更多详细信息

https://docs.angularjs.org/api/ngRoute/service/ $路线