防止组件重新加载 - AEM

Question

我的网络应用程序中有 2 个页面。让我们说一个主页和新闻提要页面。当用户单击主页上的超链接时，她/他会被重定向到新闻提要页面。我在每个页面中有 2 个单独的组件，例如

主页 --- 页眉组件&主页详情组件。 News Feed Page --- Header 组件 & News Feed Details 组件。

两个页面都有一个共同的组件 Header。当用户通过点击第一页上的链接到达第二页时，我可以防止标题组件的组件重新加载吗？

组件重新加载是指组件中的 HTML 代码 (HTL) 代码不应使用更​​新的数据再次更新，而不是第二页，我只想在第一页中显示与标题组件关联的相同数据。

Answer 1

由于 [HTML] 页面加载的工作原理，新页面将始终作为一个整体加载。您正在寻找的是single page application。它们可以通过 AEM 实现，但设计起来很麻烦，尤其是创作模式行为。

Answer 2

这是一种非常常见的 HTML 模式，并且可能与相关问题重复，例如：How to auto refresh a section of a page

有两种通用方法，第一种在各种框架中受到广泛青睐和支持，均基于 JavaScript (AJAX)：

1. 将页面分解为独立更新的不同 DIV 标签（标题与正文部分分开，每个部分都通过 AJAX 加载，因此只有已更改的部分页面会被更新）。
2. 使用 iFrame 以便有效地存在不同的页面 - 每个页面都单独加载。