아약스가 페이지를 업데이트 할 때 이전 데이터를 제거하지 마십시오.

Question

이전 데이터를 다시 방문 할 필요가있는 경우 ajax를 통해 웹 페이지를 업데이트하는 동안 숨겨진 탭이나 숨겨진 div에 새 데이터로 바꾸는 대신 방문한 데이터를 캐싱하는 것이 좋습니다. 그러면 사용자가 필요할 때 동일한 데이터를 다시 서버에 건드릴 필요가 없습니까?

Answer 1

얼마나 자주 발생할지, 추가 데이터가 페이지에 미치는 영향 정도에 따라 다릅니다.

사용자가 상당히 자주 데이터를왔다 갔다하고 서버의 히트가 쌓이면 페이지에 데이터를 보관할 수 있습니다.

페이지의 데이터에 이벤트 수신기가 많고 요소 쿼리가 느려지는 경우 추가 데이터가 모두 포함 된 페이지가 다운되지 않아 페이지가 더 빨리 실행될 수 있습니다.

Answer 2

데이터의 양이 실제로 엄청나게 큰 것이 아니라면, 데이터를 그대로 유지하는 것이 좋습니다. 따라서 대부분의 경우 이전 데이터를 대체하는 대신 숨기기 만하면됩니다 (DOM에서 display 스타일을 설정하거나 요소를 디텍 치하고 나중에 메모리에 저장하여 숨김). 일반적으로 후자의 방법은 프레임 워크의 도움).

바닐라 자바 ​​스크립트에서는 element.style.display = 'none'; 스타일을 적용 할 수 있습니다. element은 숨기려는 DOM 요소에 대한 참조입니다. 나중에 다시 표시하려면 element.style.display = 'block'; (블록 요소라고 가정하십시오. 적절하게 inline 등을 수행 할 수도 있습니다).