+page.server.js dengan action
Tentukan penangan action bernama dan bawaan di +page.server.js untuk memproses data formulir.
+page.server.js dengan action adalah pelajaran Sveltejs Academy gratis di CoddyKit. Ini adalah pelajaran 1 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Sveltejs Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Pengantar Tindakan Formulir
SvelteKit memungkinkan Anda menangani pengiriman formulir di server melalui pengendali tindakan dalam +page.server.js.
Tindakan Bawaan
Ekspor objek actions dengan pengendali default untuk formulir tanpa nama.
export const actions = {
default: async ({ request }) => {
const data = await request.formData();
// ...
}
};Elemen Formulir
Formulir Anda mengirimkan data ke URL saat ini. Anda tidak perlu menggunakan atribut action.
<form method="POST">
<input name="email" />
<button>Submit</button>
</form>Tindakan Bernama
Beberapa tindakan dapat berada dalam satu berkas; rujuk tindakan tersebut berdasarkan namanya di atribut action formulir.
export const actions = {
login: async (event) => { ... },
signup: async (event) => { ... }
};Memanggil Tindakan Bernama
Gunakan ?/name pada action formulir untuk merujuknya.
<form method="POST" action="?/login">Membaca Data Formulir
Gunakan await request.formData() untuk membaca bidang yang dikirimkan.
const data = await request.formData();
const email = data.get("email");Mengembalikan Data
Kembalikan sebuah objek; objek tersebut menjadi properti form pada halaman.
return { success: true };Pengalihan Setelah Berhasil
Gunakan redirect() untuk berpindah setelah tindakan berhasil.
Kesalahan Validasi
Gunakan fail() agar kesalahan validasi dapat ditampilkan di sisi klien (pada pelajaran berikutnya).
Locals Tersedia
Anda dapat mengakses informasi autentikasi melalui locals yang ditetapkan dalam hooks.
Hanya di Server
Seperti pemuatan, tindakan hanya berjalan di server sehingga panggilan DB aman.
Pemeriksaan Singkat
Di mana actions berada?
Ringkasan
Ekspor objek actions dari +page.server.js untuk menangani POST. Gunakan tindakan bernama untuk beberapa formulir.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “+page.server.js dengan action” gratis?
Ya — teks lengkap “+page.server.js dengan action” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Sveltejs Academy, upgrade ke CoddyKit PRO. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “+page.server.js dengan action”?
Tentukan penangan action bernama dan bawaan di +page.server.js untuk memproses data formulir. Kamu berlatih Sveltejs Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai Sveltejs Academy?
Tidak diperlukan pengalaman sebelumnya. Sveltejs Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 1 dari 4.
Berapa lama pelajaran “+page.server.js dengan action” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran Sveltejs Academy ini?
Ya. Setiap pelajaran Sveltejs Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- +page.server.js dengan action
- Direktif use:enhance
- Peningkatan Bertahap untuk Formulir
- Menangani Error Validasi dalam action