Gostaria de guardar um objeto para acessar depois, mesmo quando a pagina é atualizada. Como se fosse dados para um carrinho de compra em sites de vendas.
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Gostaria de guardar um objeto para acessar depois, mesmo quando a pagina é atualizada. Como se fosse dados para um carrinho de compra em sites de vendas.
Olá. Renato!
Você pode guardar um json sim.
Uma das formas que você pode fazer isso é a seguinte:
Para salvar:
const carrinho = [] // seu carrinho aqui
window.localStorage.setItem('carrinho', JSON.stringify(carrinho))
Para recuperar:
const carrinhoSalvo = window.localStorage.getItem('carrinho')
if (carrinhoSalvo) {
const carrinhoRecuperado = JSON.parse(carrinhoSalvo)
}
Algumas observações:
O tamanho aproximado disponível da localStorage é de 5mb.
E precisamos fazer o JSON.stringfy e o JSON.parse porque os valores da localStorage ainda não aceita como valor objetos complexos.
Obrigado pela resposta. Ajudou bastante. Acabei utilizando cookies ao invés do localStorage. Funcionou da mesma forma