Preservação de dados em páginas da web

A passagem de dados entre páginas HTML usando parâmetros de consulta levanta a questão da visibilidade dos dados no URL. Felizmente, existem mecanismos alternativos em JavaScript e jQuery para transmitir dados entre páginas.

Aproveitando objetos de armazenamento HTML5

Para resolver esse problema, o HTML5 fornece objetos de armazenamento como sessionStorage e armazenamento local. Esses objetos oferecem um meio de armazenar dados temporária ou permanentemente no armazenamento local do navegador, permitindo uma recuperação conveniente posteriormente.

Armazenamento de sessão

Para armazenamento temporário de dados em um sessão de navegador único, sessionStorage é ideal. Os dados armazenados em sessionStorage permanecem acessíveis até o término da sessão (por exemplo, quando a guia do navegador é fechada).

sessionStorage.setItem('label', 'value');
sessionStorage.getItem('label');

Armazenamento local

Para armazenamento mais permanente, localStorage é a solução. Os dados armazenados em localStorage persistem mesmo depois que o navegador é fechado e reaberto.

localStorage.setItem('label', 'value');
localStorage.getItem('label');

Benefícios dos objetos de armazenamento HTML5

• Os dados permanecem ocultos, evitando preocupações de visibilidade na URL.
• Os valores armazenados persistem em várias páginas e mesmo após a atualização do navegador (para localStorage).
• Ideal para armazenar dados de formulário intermediários ou outras informações essenciais que precisam ser compartilhadas entre as páginas.