25/07/2025
✅ Introducción a la API Fetch (Obtener datos de APIs)
🚀 ¿Qué es la API Fetch?
Una forma moderna de realizar solicitudes HTTP en JavaScript (como obtener datos de servidores/APIs).
🧠 Sintaxis básica:
fetch(url)
.then(res => res.json())
.then(data => console.log(data))
.catch(err => console.error("Error:", err));
📦 Conceptos clave:
• fetch(url) → inicia la solicitud
• .then(response) → recibe la respuesta
• .then(data) → obtiene los datos reales
• .catch(error) → maneja errores
🌐 Ejemplo:
fetch("https://jsonplaceholder.typicode.com/users")
.then(res => res.json())
.then(users => {
users.forEach(user => console.log(user.name));
});
🛑 Errores comunes:
• Olvidar .json()
• No incluir .catch() para errores
• Fetch no falla automáticamente con códigos de estado distintos a 200
Reacciona con ❤ si esto te ayudó