Armazenamento local em HTML 5

Nova funcionalidade que permite o armazenamento de dados estruturados no lado do cliente.

Por Alejandro Martín Bailón-Tradução CRV


Publicado em: 28/6/11
Valorize este artigo:
Esta é uma nova funcionalidade encaminhada a permitir o armazenamento de dados estruturados no lado do cliente de forma parecida a como vinha ocorrendo com o uso das cookies, mas tentando eliminar as limitações que vinham impostas com o uso das mesmas, como por exemplo o tamanho dos 4Kb. Os dados são armazenados mediante uma lista de pares chave/valor, podendo utilizar ou SessionStorage, para armazenar informação durante a sessão da página, ou então localStorage para o armazenamento compartilhado entre múltiplas páginas e sessões, limitando-se ao âmbito do domínio.

Para visualizar o uso destas API's, vá à parte inferior da etiqueta <Script> e localize o código correspondente à implementação das funções salvarTextArea, recuperarTextArea e apagarTextArea. Observe o código comentado de cor verde, que indica que o código que vem a continuação corresponde ao armazenamento local.

Para finalizar, só nos falta introduzir em nosso código a chamada a tais funções. No nosso exemplo foi realizado através de botões de formulário que situamos ao finalizar a entrada estabelecida para acrescentar comentários. O código correspondente para realizar a chamada ficaria assim:

<input onclick="salvarTextArea()" type="button" value="Salvar" />
<input onclick="recuperarTextArea()" type="button" value="Recuperar" />

E o resultado final da demonstração, uma vez visualizado o HTML5 em nosso navegador, ficará como mostrado a seguir.

Espero que vocês tenham achado realmente prático, convidando-os a que fiquem atentos às mudanças e à evolução que está sendo produzida na tecnologia HTML5 desde o blog de Windows Técnico no qual vocês podem se inscrever para seguir noticias como esta desde o seu canal RSS.
Um abraço






Usuários :    login / registro
Manuais relacionados
Categorias relacionadas
O autor

Home | Sobre nós | Copyright | Anuncie | Entrar em contato