Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF o lee en línea desde Scribd
srtorore Como usar el LocalStorage de JavaScript | Vitor Robles
VICTOREROELES|
Inicio Desarrollo web» Sistemas» Cursos» videos mi Contacto Newsletter
Inicio Angular Como usar el LocalStorage de JavaScrist Buscador
c o
Hoy vamos a aprender a utilizar el Localstorage de HIMLS y JavaScript para usarlo en nuestros proyectos web. Entra. a mis cur
{Que es el LocalStorage?
Con el Localstorage o HTMLS Web Storage podemos guardar informacién en nuestro navegador web a moda de
sesién y que esa informacién persstay estécisponible durante la navegacién entre ls aiferentes paginas de
nuestro sitio 0 aplicacién web, @ @
EI LocalStorage suele usarse mucho en aplicaciones web desarrolladas completamente con JavaScript, con
tecrologias como Angular, aunque también puede apliarse a cualquier web en la cual necesitemos compartir o>
datos entre secciones.
En las aplicaciones web monoliticas desarrolladas con un lenguaje de backend como PHP o cualquier ot, el
so del Localstorage es sustitude por las Sesiones del propio lenguaje de backend ya que el frontend y el A
backend estén completamente integrados y merclados.
Veamos como usar el Localstorage en JavaScript.
Comprobar si el navegador es compatible
Podernos ver sl el navegador web tene dsponibela funcionalida del aclstorage ast = XK
14 Caypeoszarage ton "undetinee") {
eee eeNe STponteie
pase
2 977 Kccastorage no soportado en este navegador vcr
Guardar datos en el navegador
Siguemey vel
Para almacenar datos y guardar nuevos elementos o indices en el LocalStorage usaremos la sigulente
[Link]("titulo", "Curso de Angular avanzado - Victor Robles");
De esta manera damos de alta un nuevo elemento en el almacenamiento del browse. Recbe content
Recuperar datos
Para conseguirlos datos que tenemos guardades en un indice de nuestro almacenamiento local del navegador
hitpsvctrroblesweb.e8/2017/10/28/como-uearocalstorage-javascripl M6 srtoror ‘Como usar el LocalStorage de JavaScript | Vitor Robles
11 Conseguir elenento Larayel, Syn
[Link]("titulo"); awed ates
DiNasereRPHPEAE
Esto nos develverd al valor que hemos guardado anteriormente. POO, MVC, Laravel,
wma
Guardar objetos en el LocalStorage
2gu
var pardaun objeto primer debemes comets enun ting on aque ellastaage no pei g@ ies
uardar objetos de JavaSciprs como tal Des
ua
Tendriamos que hacer algo as sau
yp
| [Link]( usuario", [Link](mi_objeto)); zu
Guardamos e elemento usuarie cuyo valor es un objeto corwertido a string
cur
Api
Sacar objetos del LocalStorage
Para recuperar un abjeto primero deberos conve
que hay guardad por defect,
cirlo en Un cbjato de JavaScript json en lugar delstring json
Hariamos este
2,
| [Link]([Link]("usuario"));
Categorias
Recordemes que:
S001. parse {) es para parsear a corvertir algo a un abjeto SON usable por JavaScript
390M st ingi ty () es para crear un JSON string de un objeto Un array. » Cursos (41)
Borrar o vaciar el localStorage > Desarrliow
Para elminar un elemento del lcatorageharemes: > Anguarc
| [Link](-titulo"); » codeine
Para eliminar todas las variables guardadas en el localStorage haremos: » Drupal 8 (
[ [Link]()5 > Invaserint
Con esto ya hemos visto lo fundamental para trabajar con el almacenamiento local localStorage) en nuestras taravels)
aplcacones eb @ » Noss
» xP a7)
Aires aprender mis? Curse de Ang J: MEAN stack, WT, Mls, Animales y més
» PHP P00
> symtomye
> syfomya
> wes215
> iFrames
» end Fran
» Promacione
» Sin categorie
> sisternas (68
hitpsvctrroblesweb.e8/2017/10/28/como-uearocalstorage-javascripl 2a