js12

Vista previa del material en texto

PROFE VIDERMID
Programación en Java Script
(Parte 12)
Facilitador: Ing. Esp. Vidermid Sánchez
+584147464801
@vidermid
@ingenieriadigitalsc
+584147106623
PROFE VIDERMID
El Objeto Storage es una API local de almacenamiento web, local storage y session storage son propiedades que tienen 
acceso para almacenar. La diferencia entre ellos es: local almacena de forma indefinida (mientras no se limpie los datos 
del navegador), y session almacena mientras la pestana este abierta. Solo guardan string, guardan entre 10 y 50 Mb, no 
se envía al servidor para minimizar las peticiones y perdida de información.
Almacenamiento Local
PROFE VIDERMID
El Objeto Storage se ubica en Application del Web Browser con sus dos propiedades de acceso (local y session) en el 
localhost o IP 127.0.0.1
Almacenamiento Local
Rutas de la API local del Navegador
PROFE VIDERMID
Los datos se almacenan como un diccionario u objeto con la nomenclatura clave : valor, o key : value
Almacenamiento Local
PROFE VIDERMID
En el local storage para agregar o realizar un setter se utiliza localStorage.setItem(“clave”,valor), en el siguiente ejemplo 
vamos a observar como el array lo convierte automáticamente en un string
Almacenamiento Local
Para limpiar valores se puede hacer click derecho sobre la consulta y se aplica un delete, pero por código 
se puede escribir lo siguiente:
PROFE VIDERMIDAlmacenamiento Local
En el session storage para agregar o realizar un setter se utiliza sessionStorage.setItem(“clave”,valor), en el siguiente 
ejemplo vamos a observar como el array lo convierte automáticamente en un string
Para limpiar valores se puede hacer click derecho sobre la consulta y se aplica un delete, pero por código 
se puede escribir lo siguiente:
PROFE VIDERMID
En localStorage para poder leer o realizar un getter se coloca el siguiente comando:
Almacenamiento Local
Para que no sea un string que impide convertir nuevamente a un array los valores se puede almacenar como JSON de la 
siguiente forma:
PROFE VIDERMID
Mostrar el JSON del localStorage asignado a una variable mediante el getItem:
Almacenamiento Local
PROFE VIDERMID
También se pueden asignar valores mediante el siguiente código:
Almacenamiento Local
PROFE VIDERMID
Además de poder limpiar por cada item con “localStorage.removeItem”, se pueden eliminar todo lo almacenado de 
forma local de la siguiente forma:
Almacenamiento Local
PROFE VIDERMID
En el almacenamiento local se pueden tener N ítems:
Almacenamiento Local
	Diapositiva 1
	Diapositiva 2
	Diapositiva 3
	Diapositiva 4
	Diapositiva 5
	Diapositiva 6
	Diapositiva 7
	Diapositiva 8
	Diapositiva 9
	Diapositiva 10
	Diapositiva 11