Profe Johnny
Manual · Tema 11 de 12

Fetch y consumo básico de APIs

Pedir datos a un servidor externo desde el navegador.

fetch(url) hace una petición HTTP y devuelve una promesa. Con .then() se procesa la respuesta cuando llega, y con .catch() se maneja algún error de red.

Como la respuesta suele venir en formato JSON, normalmente se encadena .then(res => res.json()) para convertirla en un objeto de JavaScript utilizable.

La sintaxis moderna async/await simplifica el código asíncrono, permitiendo escribirlo de forma secuencial (como si fuera código síncrono) dentro de una función marcada como async.

Ejemplo — pruébalo tú mismo

fetch-apis.js
Ponlo a prueba: Escribe (sin ejecutar contra una API real) la estructura async/await para pedir datos y mostrar un error si falla.