3.7 localStorage y fetch¶
localStorage: guardar datos en el navegador¶
Guarda pares clave/valor (solo texto) que se conservan al cerrar la pestaña:
| Método | Qué hace |
|---|---|
localStorage.setItem("clave", "valor") |
Guarda |
localStorage.getItem("clave") |
Lee (null si no existe) |
localStorage.removeItem("clave") |
Borra una clave |
localStorage.clear() |
Borra todo |
Para guardar un objeto o un array, conviértelo con JSON.stringify y recupéralo con JSON.parse:
localStorage.setItem("tareas", JSON.stringify(["a", "b"]));
const tareas = JSON.parse(localStorage.getItem("tareas")) || [];
No guardes secretos
localStorage es legible por cualquier script de esa página. No guardes contraseñas ni datos sensibles.
fetch: pedir datos a un servidor¶
fetch hace una petición y devuelve una promesa. Con async/await se lee como código normal:
awaitespera el resultado sin bloquear la página.try/catchcaptura los fallos de red.- Necesita conexión a internet; si falla, el ejemplo muestra el mensaje de error.