如何在此模板中加载页面

How the page loading is done in this template

本文关键字：加载更新时间：2023-10-19

我打开了这个模板，发现当我从一个页面导航到另一个页面时，会出现一个进度条，并开始在页面内部加载，然后消失，页面出现时不会像正常使用href标记一样重新加载页面。URL变成这样

http://localhost/devoops/index.php#ajax/charts_xcharts.html

我只想知道如何加载这样的页面，我应该使用什么脚本？。如果你只给我一个例子或一篇文章的链接就足够了。

这是模板，请测试一下我的意思，因为我不知道如何描述它。

devoops模板

这个模板中的魔术是由js/devops.js文件第1136行的LoadAjaxContent函数实现的。

该功能用于：第3361行开始，第3400行菜单，第3466行顶部菜单和第3475行搜索字段，所有这些都在同一文件中。

我希望你至少知道JQuery的一些知识，事实上它就是这里使用的。

顺便说一句，链接完成剩下的工作，所有模板都在ajax文件夹中。

我认为您所指的是所谓的部分加载或刷新部分视图。

有很多框架可以实现这样的事情。

查看AngularJS和一个名为ui路由器的模块

基本上，假设你有一个这样的页面：

http://levi-lu.net/#/about

如果我使用ui路由器，http://levi-lu.net是主视图，hashtag（/about）之后的部分是该视图下的路由，路由之间的切换只会影响页面的一部分（部分刷新）。