A função de armazenamento local fornecida pelo HTML5 permite que aplicativos da web armazenem dados no navegador local do usuário. No HTML5, os dados não são passados por todas as solicitações do servidor, mas os dados só são usados quando solicitados. Permite armazenar grandes quantidades de dados sem afetar o desempenho do site.
Existem dois métodos de armazenamento no lado do cliente:
1. localStorage: Armazenamento sem limite de tempo e grande capacidade, com tamanho mínimo de 5M, todas as páginas com o mesmo nome de domínio podem armazenar e obter os mesmos dados;
2. sessionStorage: Para armazenamento dos dados de uma sessão, a aba desaparecerá ao ser fechada.
Atualmente, a maioria dos navegadores já suporta muito bem HTML5, mas por uma questão de segurança, a detecção do cliente deve ser feita antes do uso:
if (typeof(Storage) !== indefinido) { // Código para localStorage/sessionStorage.} else { // Desculpe, não há suporte para armazenamento na Web..}A razão pela qual uso esta função é porque atualmente estou trabalhando em um site baseado em dados. Preciso passar os parâmetros de consulta para o backend por meio da interface API e obter os dados retornados do banco de dados. E há um problema aqui. Quero pular da página A para a página B e, em seguida, chamar a interface API na página B para passar os dados do parâmetro para o segundo plano e obter os dados do parâmetro na página A. como faço para transferir a página a para a página a? Que tal passar o valor gerado para a página b?
Suponha que o valor e o formato dos dados que queremos passar para o background seja: {unitGroup:[一年级,二年级,三年级];
Então, depois que a página a gerar os dados unitGroup que precisamos, use sessionStorage:
if (typeof(Storage) !== indefinido) { sessionStorage[unitGroup] = data.unit.value;} else { sessionStorage[unitGroup] = '';}Então, na página b, você pode obtê-lo por meio da seguinte declaração:
var unit_group = '';if (typeof(Storage) !== indefinido) { var myunits = sessionStorage[unitGroup];Então você pode chamar o ajax para passar os dados para segundo plano:
var novosDados = {unitGroup: unit_group};O texto acima é todo o conteúdo deste artigo. Espero que seja útil para o estudo de todos. Também espero que todos apoiem a Rede VeVb Wulin.