如何在此模板中完成页面加载

Question

我打开了这个模板，我发现当我从一个页面导航到另一个时，会出现一个进度条并开始加载到页面内部然后消失，页面出现时没有页面本身重新加载，就像正常使用href标签一样。网址就像这样

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

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

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

devoops template

Answer 1

此模板中的魔力是由js / devoops.js文件中第1136行的LoadAjaxContent函数创建的。

此功能用于：从第3361行开始，第3400行的菜单，第3466行的顶级菜单和第3475行的搜索字段，都在同一个文件中。

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

BTW链接执行其余的操作，所有模板都在ajax文件夹中。

Answer 2

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

有很多框架可以实现这样的目标。

查看 AngularJS 以及名为 ui-router

的模块

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

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

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