Sveltejs Academy · Lección

Devolución de respuestas JSON

Utilice el asistente json() para devolver JSON estructurado con el tipo de contenido correcto

Lección 3 de 413 pasos

Devolución de respuestas JSON es una lección gratuita de Sveltejs Academy en CoddyKit. Esta es la lección 3 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de Sveltejs Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de Sveltejs Academy incluye 4 lecciones en total.

El helper json

Utilice json() de @sveltejs/kit para devolver JSON con los encabezados adecuados.

import { json } from "@sveltejs/kit";
return json({ ok: true });

Códigos de estado

Pase un segundo objeto de opciones para controlar el estado y añadir encabezados.

return json({ ok: false }, { status: 400 });

Encabezados personalizados

Añada cache-control, CORS o cualquier otro encabezado mediante headers.

return json(data, { headers: { "cache-control": "max-age=60" } });

Respuesta manual

También puede devolver un objeto Response sin procesar si necesita un cuerpo que no sea JSON.

return new Response("plain text", { headers: { "content-type": "text/plain" } });

Cuerpo con seguridad de tipos

Con TypeScript puede especificar el tipo del cuerpo de la respuesta para facilitar su uso a los consumidores.

Streaming de JSON

Para colecciones enormes, transmita fragmentos de JSON delimitado por saltos de línea.

Paginación

Incluya nextCursor o metadatos de página en sus respuestas para implementar una paginación clara.

Estructura del error

Adopte una estructura de error coherente, como { error: { code, message } }, para mayor claridad.

Caché con ETag

Establezca encabezados ETag en las respuestas estables para habilitar la caché a nivel HTTP.

Negociación de contenido

Utilice el encabezado Accept para alternar entre JSON y otros formatos.

Práctica recomendada

Devuelva siempre JSON en las API, incluso en caso de error. Los clientes esperan una estructura coherente.

Comprobación rápida

¿Cómo se devuelve JSON con los encabezados adecuados?

Resumen

Utilice json() para obtener respuestas JSON prácticas con estado y encabezados. Devuelva un Response sin procesar para contenido que no sea JSON.

Gratis para empezar

Aprende HTML con un tutor de IA — gratis

Escribe y ejecuta código real en tu navegador, obtén ayuda instantánea de un tutor de IA disponible 24/7 y continúa donde lo dejaste en la web o en la aplicación.

Cursos
41
Lecciones
163

Preguntas frecuentes

¿La lección «Devolución de respuestas JSON» es gratis?

Sí — el texto completo de «Devolución de respuestas JSON» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de Sveltejs Academy, actualiza a CoddyKit PRO. El curso de Sveltejs Academy incluye 4 lecciones en total.

¿Qué aprenderé en «Devolución de respuestas JSON»?

Utilice el asistente json() para devolver JSON estructurado con el tipo de contenido correcto Practicas Sveltejs Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.

¿Necesito experiencia previa para empezar Sveltejs Academy?

No se requiere experiencia previa. Sveltejs Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 3 de 4.

¿Cuánto tiempo toma la lección «Devolución de respuestas JSON»?

La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.

¿Puedo escribir y ejecutar código en esta lección de Sveltejs Academy?

Sí. Cada lección de Sveltejs Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.

Todas las lecciones de este curso

  1. +server.js: GET, POST, PUT y DELETE
  2. Request y RequestEvent
  3. Devolución de respuestas JSON
  4. Streaming con ReadableStream
← Volver a Sveltejs Academy