언제 html5 sessionStorage를 사용해야합니까?

Question

sessionStorage (세션 중에 유지)과 localStorage (삭제되지 않으면 영원히 지속됨)의 차이점을 배웠습니다.

더 나은 버전의 쿠키로 localStorage을 사용할 수 있습니다. (더 많은 크기가 쿠키와 같은 각 HTTP 요청에 대해 서버로 이동하지 않음).

그러나 sessionStorage의 경우 을 효과적으로 사용해야합니까?

사용자가 pageA의 텍스트 필드에 입력 한 다음 동일한 탭 또는 브라우저 창 내에서 pageB로 이동한다고 생각한 경우 pageB는 sessionStorage를 조회 할 수 있습니다.

나는 위의 시나리오보다 더 많이 추측 할 수 없다. 누구나 어떻게 sessionStorage를 사용할 수 있습니까?

Answer 1

아약스 기반 동적 인터페이스를 사용하면 인터페이스의 모양 (예 : 어떤 탭이 선택되었는지)의 현재 상태를 저장하는 데 아무런 시간이 필요하지 않습니다. sessionStorage은 인터페이스 상태를 저장하는 데 사용할 수 있으므로 페이지로 돌아올 때 사용자가보고있는 방식으로 화면을 복원 할 수 있습니다.

또 다른 사용법은 한 페이지에서 여러 페이지를 작업하는 경우 전역 변수 인 ID : currentInvoiceId을 저장할 수 있습니다.

특수한 레이아웃이나 템플릿처럼 모든 페이지에 필요한 사용자 설정을 한 번 앞에로드하고 쉽게 액세스 할 수 있도록 sessionStorage에 넣을 수 있습니다.

사용자는 뉴스 팝업과 같이 로그인 당 한 번만 보길 원합니다. 이미 sessionStorage에서 본 것을 저장할 수 있습니다. 이는 사용자가 로그인 할 때 한 번만 수행하도록하려는 작업에도 적용됩니다.

viewstate, 숨겨진 <input> 필드 또는 URL 매개 변수를 사용하여 페이지간에 데이터를 전달하는 좋은 방법입니다.