구성 요소 다시로드 방지 - AEM

Question

웹 응용 프로그램에 2 페이지가 있습니다. 홈페이지 및 뉴스 피드 페이지를 말하게합니다. 사용자가 홈페이지에서 하이퍼 링크를 클릭하면 뉴스 피드 페이지로 리디렉션됩니다. 나는

홈 페이지 --- 헤더 구성 요소 & 홈 페이지 세부 구성 요소 등의 각 페이지에 2 개 개의 별도 구성 요소가 있습니다. 뉴스 피드 페이지 --- 헤더 구성 요소 & 뉴스 피드 세부 정보 구성 요소.

두 페이지 모두 공통 구성 요소 헤더가 있습니다. 사용자가 첫 번째 페이지의 링크를 클릭하여 두 번째 페이지에 도달했을 때 헤더 구성 요소에 대한 구성 요소 다시로드를 방지 할 수 있습니까?

구성 요소를 다시로드하면 구성 요소의 HTML 코드 (HTL) 코드가 두 번째 페이지 대신 업데이트 된 데이터로 다시 업데이트되어서는 안되며 첫 번째 페이지의 헤더 구성 요소와 관련된 동일한 데이터를 표시하려고합니다.

Answer 1

[HTML] 페이지가 작동하는 방식 때문에 새 페이지가 항상 전체적으로로드됩니다. 당신이 찾고있는 것은 single page application입니다. 이것들은 AEM에서 가능하지만 디자인 할 때의 고통, 특히 저작 모드 동작입니다.

Answer 2

이것은 매우 일반적인 HTML 패턴과 같은 관련 질문 가능한 중복 : 일반적으로 두 가지 방법이 있습니다 How to auto refresh a section of a page

, 첫 훨씬 선호하는 다양한 프레임 워크에서 지원되는 자바 스크립트 (AJAX)을 기반으로하는 모든 : 독립적으로 업데이트되는 다른 DIV 태그로

1. 브레이크 페이지 (본체 부로부터 분리 된 헤더가 각각 AJAX 통해로드 이러한 변경된 페이지의 일부만이 갱신된다).
2. iFrames를 사용하면 서로 다른 페이지가있어 효과적으로 서로 다른 페이지가로드됩니다.