La función de almacenamiento local proporcionada por HTML5 permite que las aplicaciones web almacenen datos en el navegador local del usuario. En HTML5, los datos no se pasan en cada solicitud del servidor, sino que solo se utilizan cuando se solicitan. Permite almacenar grandes cantidades de datos sin afectar el rendimiento del sitio web.
Hay dos métodos de almacenamiento en el lado del cliente:
1. Almacenamiento local: almacenamiento sin límite de tiempo y de gran capacidad, con un tamaño de al menos 5 M, todas las páginas con el mismo nombre de dominio pueden almacenar y obtener los mismos datos.
2. sessionStorage: para el almacenamiento de datos de una sesión, la pestaña desaparecerá cuando se cierre.
En la actualidad, la mayoría de los navegadores ya son muy compatibles con HTML5, pero por razones de seguridad, la detección del cliente debe realizarse antes de su uso:
if (typeof(Storage) !== indefinido) { // Código para localStorage/sessionStorage.} else { // ¡No hay soporte para almacenamiento web...}La razón por la que uso esta función es porque actualmente estoy trabajando en un sitio web basado en datos. Necesito pasar los parámetros de consulta al backend a través de la interfaz API y obtener los datos devueltos por la base de datos. Hay un problema aquí. Quiero saltar de la página a a la página b y luego llamar a la interfaz API en la página b para pasar los datos de los parámetros al fondo y obtener los datos de los parámetros en la página a. ¿Transfiero la página a a la página a? ¿Qué pasa si paso el valor generado a la página b?
Supongamos que el formato de valores y datos que queremos pasar a segundo plano es: {unitGroup:[一年级,二年级,三年级];
Luego, después de que la página a genere el grupo de unidades de datos que necesitamos, use sessionStorage:
if (typeof(Storage) !== indefinido) { sessionStorage[unitGroup] = data.unit.value;} else { sessionStorage[unitGroup] = '';}Luego, en la página b, puede obtenerlo a través de la siguiente declaración:
var unit_group = '';if (tipo de (Almacenamiento) !== indefinido) { var myunits = sessionStorage[unitGroup];Luego puedes llamar a ajax para pasar los datos al fondo:
var newData = {unitGroup: unit_group};Lo anterior es el contenido completo de este artículo. Espero que sea útil para el estudio de todos. También espero que todos apoyen VeVb Wulin Network.