CodeAventura
Asincronía y APIs en JavaScript
▸XMLHttpRequest▸JSON.parse con XMLHttpRequest

Misión

●localhost:5173
Consola
La consola está vacía. Pulsa EJECUTAR para correr tu código.
07 / 14JSON.parse con XMLHttpRequest
Anterior

JSON.parse con XMLHttpRequest

Del string al objeto

Con XHR, la respuesta suele venir como texto (responseText). Pero tú quieres trabajar con propiedades (name, status, etc.).

Necesitas convertir ese string JSON a objeto JavaScript:

Por qué importa esta conversión

Sin JSON.parse:

  • no puedes acceder a propiedades reales del recurso
  • terminas manipulando texto bruto

Con JSON.parse:

  • obtienes estructura
  • puedes renderizar datos en pantalla
  • puedes aplicar lógica (filtros, validaciones, etc.)

Patrón típico con XHR

Precaución

Si el servidor responde algo inválido, JSON.parse lanza error. Más adelante veremos cómo manejar esto mejor con try/catch.

Tu desafío 🚀

  1. Usa responseText
  2. Convierte con JSON.parse
  3. Accede al menos a name
  4. Muestra el valor en consola o DOM

Una API sin parseo correcto es solo texto; con parseo, se vuelve dato útil.