+page.server.js com ações
Defina manipuladores de ações nomeados e padrão em +page.server.js para processar dados de formulários.
+page.server.js com ações é uma aula grátis de Sveltejs Academy no CoddyKit. Esta é a aula 1 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Sveltejs Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Sveltejs Academy inclui 4 aulas no total.
Introdução às ações de formulário
O SvelteKit permite processar envios de formulários no servidor por meio de manipuladores de ações em +page.server.js.
Ação padrão
Exporte um objeto actions com um manipulador default para formulários sem nome.
export const actions = {
default: async ({ request }) => {
const data = await request.formData();
// ...
}
};Elemento de formulário
Seu formulário envia dados para a URL atual. Nenhum atributo de ação é necessário.
<form method="POST">
<input name="email" />
<button>Submit</button>
</form>Ações nomeadas
Várias ações podem ficar em um único arquivo; faça referência a elas pelo nome no atributo de ação do formulário.
export const actions = {
login: async (event) => { ... },
signup: async (event) => { ... }
};Chamando ações nomeadas
Faça referência a uma ação usando ?/name no atributo de ação do formulário.
<form method="POST" action="?/login">Lendo dados do formulário
Use await request.formData() para ler os campos enviados.
const data = await request.formData();
const email = data.get("email");Retornando dados
Retorne um objeto; ele se tornará a propriedade form da página.
return { success: true };Redirecionamento após sucesso
Use redirect() para navegar após uma ação bem-sucedida.
Erros de validação
Use fail() para exibir erros de validação no cliente (nas próximas lições).
Dados locais disponíveis
Você pode acessar informações de autenticação por meio dos dados locais definidos nos ganchos.
Apenas no servidor
Assim como o carregamento, as ações são executadas apenas no servidor, portanto as chamadas ao banco de dados são seguras.
Verificação rápida
Onde as ações ficam?
Recapitulação
Exporte um objeto actions de +page.server.js para processar requisições POST. Use ações nomeadas para vários formulários.
Perguntas Frequentes
A aula “+page.server.js com ações” é grátis?
Sim — o texto completo de “+page.server.js com ações” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Sveltejs Academy, atualize para CoddyKit PRO. O curso de Sveltejs Academy inclui 4 aulas no total.
O que vou aprender em “+page.server.js com ações”?
Defina manipuladores de ações nomeados e padrão em +page.server.js para processar dados de formulários. Você pratica Sveltejs Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar Sveltejs Academy?
Nenhuma experiência prévia é necessária. Sveltejs Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 1 de 4.
Quanto tempo leva a aula “+page.server.js com ações”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de Sveltejs Academy?
Sim. Cada aula de Sveltejs Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- +page.server.js com ações
- A diretiva use:enhance
- Aprimoramento progressivo para formulários
- Tratando erros de validação em ações