IndexedDB

Published on April 4, 2014.

IndexedDB é uma forma de guardar informações no browser. Neste post vamos criar uma página que possui um campo de texto e um botão que ao pressionado salva o conteúdo da caixa de texto.

Layout

O layout é bem simples. Download do layout aqui. <00.html>

{width=“25%”}

Banco de Dados

Banco de dados é consiste de um ou mais objetos de armazenamento. Cada banco de dados é identificado por um nome e uma versão.

Para interagir com um banco de dados é preciso abrir uma conexão.

Download da criação do banco de dados. <01.html>

Objetos de Armazenamentos

Os bancos de dados são organizados por objetos de armazenamento nos quais os dados são armazenados como pares chave-valor.

Ao criar o banco de dados é importante criar o objeto de armazenamento que é identificado por um nome.

Download da criação do objeto de armazenamento. <02.html>

Transações

Transações são a forma como adicionamos, recuperamos e removemos dados dos objetos de armazenamento (e consequentemente do banco de dados). Cada transação é identificada por um conjunto de objetos de armazenamentos e a permissão de acesso.

Download da criação da transaçãonto. <03.html>

Requisição de Objeto de Armazenamento

Depois que a transação foi criado, é possível consultar e alterar os objetos de armazenamentos associados a ela.

Download da requisição do objeto de armazenamento. <04.html>

Adicionando Elementos

Para adicionar novos elementos utiliza-se o método add() do objeto de armazenamento que possui como argumento um JSON.

Download da função de adicionar nova entrada. <05.html>

Tags:

• Ftb