5

Estou desenvolvendo um web app, onde cada página tem uma opção para filtrar, por exemplo, uma para marcas, depois os modelos dessas marcas, após, os carros e depois os anos do carro escolhido.

Gostaria de saber uma maneira de comunicar essas páginas passando as opções escolhidas em cada página sem utilizar PHP, somente HTML e JavaScript.

Abrindo uma outra janela até consigo, utilizando por exemplo, o código abaixo:

function selectCarro(carro){
  window.marca = carro;
  var b = window.open("modelos.html");
  $(b).load(function(){
  b.marca = marca;
  b.atualiza();
  return;
  });
}

O problema é se abrir a página na mesma janela, por exemplo com window.location ou com open utilizando _self.

Alguma solução??

2
  • Procure por Session e Cookies em JavaScript que pode ajudar muito você nessa tarefa. Commented 2/09/2015 às 12:05
  • Obrigado, vou pesquisar por isso e ver se encontro a solução. Commented 2/09/2015 às 12:16

1 Resposta 1

5

Uma opção que eu sempre sugiro nesses casos é o localStorage e que funciona em todos os browser mais usados.

O localStorage salva uma DOM string onde você pode colocar não só strings mas também objetos utilizando JSON.stringify() e JSON.parse(). Esses dados são salvos sob seu domínio e podem ser usados em diferentes abas/janelas se forem no mesmo navegador. Os dados não expiram a menos que sejam limpos via código ou pelo usuário, utilizando a ferramenta de desenvolvedores do navegador. Caso você deseje que esses dados sejam limpos ao fechar o navegador, basta simplesmente utilizar o sessionStorage, que apaga os dados com o fim da sessão.

Exemplo simples de uso:

var filtros = [{
    marca: "VW",
    ano: "2015",
    modelo: "Gol"
}];

localStorage.setItem("filtros", JSON.stringify(filtros));

var filtrosSalvos = localStorage.getItem("filtros");

console.log("filtrosSalvos", filtrosSalvos);

Fiddle

3
  • Valeu mano, vou testar aqui !! Commented 2/09/2015 às 12:30
  • Deu certo !!! Utilizei localStorage mesmo ! Muito Obrigado! Commented 2/09/2015 às 14:12
  • @ErasmoNeto ok. Precisando estamos aí. Commented 2/09/2015 às 17:24

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .