HTML5 SessionStorage Session Storage

SessionStorage é um novo objeto de armazenamento de sessão para HTML5. Este artigo apresenta principalmente o uso de sessões. Incluindo a adição, modificação e exclusão de operações.

SessionStorage é um novo objeto de armazenamento de sessão para HTML5.

Este objeto pode ser chamado no idioma JavaScript através do Window.SessionStorage ou SessionStorage.

1) Restrições à mesma estratégia de origem. Se você deseja operar a mesma sessão entre páginas diferentes, essas páginas devem estar sob o mesmo protocolo, o mesmo nome do host e a mesma porta. (Os dados de armazenamento IE 8 e 9 são baseados no mesmo nome do host, ignorando os requisitos do protocolo (http e https) e número da porta)

2) Limite de página de etiqueta única. A operação da sessão é limitada a uma única página de guia.

3) Somente armazenado localmente. Os dados do SeesOnstorage não serão enviados ao servidor com a solicitação HTTP. (Se você usar a função da guia de recuperação do Chrome, os dados do SeesOnstorage também serão restaurados).

4) Método de armazenamento. O método de armazenamento da SeesOnstorage é baseado em chave e valor. O valor do valor deve ser um tipo de string (não a não -ginástica e também será convertida em uma string durante o armazenamento. O valor verdadeiro será convertido em verdadeiro).

5) Limite de armazenamento: diferentes navegadores armazenam o limite superior, mas a maioria dos navegadores limita o limite superior a menos de 5 MB.

A menor versão do suporte do navegador para SessionStorage: IE8, Chrome 5.

O SessionStorage é muito adequado para spa (aplicativo de página única), que pode ser conveniente para o valor de transmissão em cada módulo de negócios.

Readonly IntSessionStorage.Length: Retorna um número inteiro, indicando o número de itens de dados (pares de valores -chave) armazenados no objeto SessionStorage.

String sessionStorage.Key (INT índice): O nome da chave do número de série do índice do objeto atual sessionStorage é retornado. Se não for devolvido nulo. StringsessionStorage.getItem (chave da string): o valor do nome da chave (chave). Se não for devolvido nulo. VoidSessionStorage.SetItem (Tecla de String, String Value): Este método aceita um nome de chave (chave) e valor como um parâmetro para adicionar o valor da chave ao armazenamento; VoidSessionStorage.RemoveItem (chave da string): Remova o nome de chave especificado do objeto SessionStorage. VoidSessionStorage.Clear (): Limpe todos os itens do objeto SessionStorage.

 SessionStorage.SetItem ('TestKey', 'este é um valor de teste "); //

 SessionStorage ['testKey'] = 'Este é um valor do teste "

 SessionStorage.getItem ('TestKey');

 SessionStorage ['TestKey'];

SessionStorage também pode armazenar objetos JSON: Ao armazenar, o objeto é convertido em formato de texto através de JSON.Stringify ();

 Var UsernTity = {Nome: 'Tom', idade: 22}; : Obtenha o objeto JSON String var userjSonstr = sessionStorage.getItem ('Usuário');

O acima é o armazenamento de sessão HTML5 que eu apresentou a você. Muito obrigado pelo seu apoio ao site VevB Wulin!