HTML5 SessionStorage Sessmortes

SessionStorage es un nuevo objeto de almacenamiento de sesión para HTML5. Este artículo presenta principalmente el uso de SessionStoraages. Incluyendo agregar, modificar, eliminar las operaciones.

SessionStorage es un nuevo objeto de almacenamiento de sesión para HTML5.

Este objeto puede llamarse en el idioma JavaScript a través de Window.SessionStorage o SessionStorage.

1) Restricciones en la misma estrategia de origen. Si desea operar el mismo sesionstorage entre diferentes páginas, estas páginas deben estar bajo el mismo protocolo, el mismo nombre de host y el mismo puerto. (Los datos de almacenamiento de IE 8 y 9 se basan en el mismo nombre de host, ignorando los requisitos del protocolo (HTTP y HTTPS) y el número de puerto)

2) Límite de página de etiqueta única. La operación de SessionStorage está limitada a una sola página de pestañas.

3) Solo almacenado localmente. Los datos de SeesionStorage no se enviarán al servidor con la solicitud HTTP. (Si usa la función de pestaña de recuperación de Chrome, también se restaurarán los datos de SEESIONStorage).

4) Método de almacenamiento. El método de almacenamiento de SeesionStorage se basa en la clave y el valor. El valor del valor debe ser un tipo de cadena (no la no hostilla, y también se convertirá en una cadena durante el almacenamiento. El valor verdadero se convertirá en verdadero).

5) Límite de almacenamiento: los diferentes navegadores almacenan el límite superior, pero la mayoría de los navegadores limitan el límite superior a menos de 5 MB.

La versión más pequeña del soporte del navegador para SessionStorage: IE8, Chrome 5.

SessionStorage es muy adecuado para SPA (aplicación de una sola página), que puede ser conveniente para el valor de transmisión en cada módulo de negocio.

Readonly intsessionStorage.length: Devuelve un entero, que indica el número de elementos de datos (pares de valores clave) almacenados en el objeto SessionStorage.

String SessionStorage.Key (INT índice): se devuelve el nombre clave del número de serie del índice del objeto actual de sessionStorage. Si no devuelve nulo. StringsessionStorage.getItem (clave de cadena): el valor del nombre de la clave (clave). Si no devuelve nulo. VoidsessionStorage.SetItem (clave de cadena, valor de cadena): este método acepta un nombre de clave (clave) y un valor como parámetro para agregar el valor de la clave al almacenamiento; VoidsessionStorage.removeItem (clave de cadena): elimine el nombre de la clave especificado del objeto SessionStorage. VoidsessionStorage.Clear (): Borre todos los elementos del objeto SessionStorage.

 SessionStorage.SetItem ('TestKey', 'Este es un valor de prueba "); //

 SessionStorage ['testKey'] = 'Este es un valor de la prueba "

 SessionStorage.getItem ('testKey');

 SessionStorage ['testKey']; // => Este es un valor de una prueba

SessionStorage también puede almacenar objetos JSON: al almacenar, el objeto se convierte en formato de texto a través de json.stringify ();

 var userNtity = {nombre: 'Tom', edad: 22}; : Obtenga el objeto de conversión JSON var userJSonstr = sessionStorage.getItem ('User');

Lo anterior es el almacenamiento de la sesión de SessionStorage de HTML5 que le presentó. ¡Muchas gracias por su apoyo al sitio web de VEVB Wulin!