Cómo funciona
Una promesa entrega los datos más tarde. La interfaz cambia de estado al iniciar, resolver, fallar o cancelar. AbortController permite cancelar la operación pendiente.
Antes de empezar: Lección 59 · Proyecto: muestra datos obtenidos de una API
Pruébalo
Demo con datos locales y un retraso simulado. Puedes repetir los fallos sin depender de un servicio externo.
Pulsa Cargar datos para empezar.
Comprueba el comportamiento
- Pulsa Cargar datos: primero aparece «Cargando…» y después los tres planetas.
- Pulsa Simular fallo y espera: aparece un mensaje de error. Vuelve a cargar para recuperarte.
- Inicia una carga y pulsa Cancelar antes de que termine: aparece el estado de cancelación.
Haz tu propio cambio
En tu copia, prueba también el botón de datos vacíos. Después sustituye la función simulada por fetch con signal, comprueba response.ok y distingue error HTTP de error de red.
Esta práctica se autoevalúa: probar la demo no corrige ni valida los archivos que hayas modificado.