CodeAventura
Asincronía y APIs en JavaScript
▸XMLHttpRequest▸Primera petición con XMLHttpRequest

Misión

●localhost:5173
Consola
La consola está vacía. Pulsa EJECUTAR para correr tu código.
06 / 14Primera petición con XMLHttpRequest
Anterior

Primera petición con XMLHttpRequest

Contexto

Antes de fetch, la forma habitual de pedir datos en navegador era XMLHttpRequest (XHR). Sigue siendo clave entenderlo porque:

  • aparece en código legacy
  • te obliga a comprender el ciclo completo de una petición
  • te prepara para valorar mejor fetch

Flujo mínimo de XHR

Eso solo inicia la solicitud. Luego necesitas manejar cuándo llega la respuesta.

Dónde leer la respuesta

Normalmente usas onload para ejecutar lógica al completar la petición.

responseText llega como string, no como objeto JavaScript aún.

Error común

Pensar que open o send “devuelven” el resultado directamente. No: la respuesta llega más tarde. Por eso el código que depende de ella debe ir en callbacks/eventos.

Tu desafío 🚀

  1. Crea la instancia new XMLHttpRequest()
  2. Abre una petición GET a https://rickandmortyapi.com/api/character/1
  3. Envía con send()
  4. Deja lista la base para manejar respuesta

Dominar XHR te da visión histórica y técnica de la asincronía en web.