+page.server.js с действиями
Определяйте именованные действия и действие по умолчанию в +page.server.js для обработки данных формы
«+page.server.js с действиями» — бесплатный урок Sveltejs Academy на CoddyKit. Это урок 1 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Sveltejs Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Sveltejs Academy содержит 4 уроков всего.
Введение в действия формы
SvelteKit позволяет обрабатывать отправку форм на сервере с помощью обработчиков действий в +page.server.js.
Действие по умолчанию
Экспортируйте объект actions с обработчиком default для форм без имени.
export const actions = {
default: async ({ request }) => {
const data = await request.formData();
// ...
}
};Элемент формы
Форма отправляет данные на текущий адрес. Атрибут action не требуется.
<form method="POST">
<input name="email" />
<button>Submit</button>
</form>Именованные действия
В одном файле может находиться несколько действий; ссылайтесь на них по имени в атрибуте отправки формы.
export const actions = {
login: async (event) => { ... },
signup: async (event) => { ... }
};Вызов именованных действий
Укажите ?/name в адресе действия формы.
<form method="POST" action="?/login">Чтение данных формы
Используйте await request.formData(), чтобы прочитать отправленные поля.
const data = await request.formData();
const email = data.get("email");Возврат данных
Верните объект — он станет свойством form страницы.
return { success: true };Перенаправление после успешного выполнения
Используйте redirect(), чтобы перейти на другую страницу после успешного выполнения действия.
Ошибки проверки
Используйте fail() для отображения ошибок проверки на стороне клиента (в следующих уроках).
Доступные локальные данные
Получить сведения об аутентификации можно через locals, установленные в хуках.
Только сервер
Как и загрузка, действия выполняются только на сервере, поэтому обращения к базе данных безопасны.
Быстрая проверка
Где находятся действия?
Повторение
Экспортируйте объект actions из +page.server.js, чтобы обрабатывать POST-запросы. Для нескольких форм используйте именованные действия.
Часто задаваемые вопросы
Урок «+page.server.js с действиями» бесплатный?
Да — полный текст урока «+page.server.js с действиями» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Sveltejs Academy, подпишись на CoddyKit PRO. Курс Sveltejs Academy содержит 4 уроков всего.
Чему я научусь в уроке «+page.server.js с действиями»?
Определяйте именованные действия и действие по умолчанию в +page.server.js для обработки данных формы Ты практикуешь Sveltejs Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать Sveltejs Academy?
Предыдущий опыт не требуется. Sveltejs Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 1 из 4.
Сколько времени занимает урок «+page.server.js с действиями»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке Sveltejs Academy?
Да. Каждый урок Sveltejs Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- +page.server.js с действиями
- Директива use:enhance
- Постепенное улучшение форм
- Обработка ошибок проверки в действиях