+page.server.js con actions
Defina controladores de acciones predeterminadas y con nombre en +page.server.js para procesar datos de formularios
+page.server.js con actions es una lección gratuita de Sveltejs Academy en CoddyKit. Esta es la lección 1 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.
Introducción a las acciones de formulario
SvelteKit permite gestionar los envíos de formularios en el servidor mediante controladores de acciones en +page.server.js.
Acción predeterminada
Exporte un objeto actions con un controlador default para los formularios sin nombre.
export const actions = {
default: async ({ request }) => {
const data = await request.formData();
// ...
}
};Elemento de formulario
El formulario se envía a la URL actual. No necesita el atributo action.
<form method="POST">
<input name="email" />
<button>Submit</button>
</form>Acciones con nombre
Puede incluir varias acciones en un mismo archivo y referenciarlas por nombre en el atributo action del formulario.
export const actions = {
login: async (event) => { ... },
signup: async (event) => { ... }
};Llamar a acciones con nombre
Haga la referencia con ?/name en la acción del formulario.
<form method="POST" action="?/login">Lectura de los datos del formulario
Utilice await request.formData() para leer los campos enviados.
const data = await request.formData();
const email = data.get("email");Devolver datos
Devuelva un objeto; se convertirá en la propiedad form de la página.
return { success: true };Redirigir tras el éxito
Utilice redirect() para navegar después de que una acción se complete correctamente.
Errores de validación
Utilice fail() para mostrar los errores de validación en el cliente (en las próximas lecciones).
Locals disponibles
Puede acceder a la información de autenticación mediante locals, establecido en los hooks.
Solo en el servidor
Al igual que load, las acciones se ejecutan únicamente en el servidor, por lo que las llamadas a la base de datos son seguras.
Comprobación rápida
¿Dónde se encuentran las acciones?
Resumen
Exporte un objeto actions desde +page.server.js para gestionar solicitudes POST. Utilice acciones con nombre para varios formularios.
Preguntas frecuentes
¿La lección «+page.server.js con actions» es gratis?
Sí — el texto completo de «+page.server.js con actions» 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 «+page.server.js con actions»?
Defina controladores de acciones predeterminadas y con nombre en +page.server.js para procesar datos de formularios 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 1 de 4.
¿Cuánto tiempo toma la lección «+page.server.js con actions»?
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
- +page.server.js con actions
- La directiva use:enhance
- Mejora progresiva de formularios
- Gestión de errores de validación en actions