Direktif use:enhance
Tingkatkan pengiriman formulir secara bertahap dengan pengambilan sisi klien tanpa memuat ulang sepenuhnya.
Direktif use:enhance adalah pelajaran Sveltejs Academy gratis di CoddyKit. Ini adalah pelajaran 2 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.
Peningkatan Progresif
Formulir berfungsi tanpa JS; use:enhance meningkatkannya menjadi pengiriman berbasis fetch untuk pengalaman pengguna yang lebih cepat.
Impor enhance
Dari $app/forms.
import { enhance } from "$app/forms";Menerapkan ke Formulir
Gunakan direktif use: pada elemen formulir.
<form method="POST" use:enhance>...</form>Tanpa Pemuatan Ulang
Halaman tidak dimuat ulang. SvelteKit mengirimkan formulir melalui fetch, memproses tindakan, lalu memperbarui halaman secara reaktif.
Pengendali Khusus
Teruskan fungsi panggilan balik ke enhance untuk mengendalikan pengiriman dengan lebih terperinci.
<form use:enhance={({ formData }) => {
return ({ result }) => { /* custom handling */ };
}}>Perilaku Bawaan
Tanpa fungsi panggilan balik, enhance mengalihkan atau menyegarkan data persis seperti yang dilakukan oleh pengiriman halaman penuh.
Status Pemuatan
Lacak status pengiriman dengan variabel lokal dalam fungsi panggilan balik untuk menampilkan pemintal.
Pemulihan Kesalahan
Kesalahan yang dikembalikan oleh tindakan ditampilkan dalam properti form pada halaman.
Antarmuka Optimistis
Perbarui status lokal dalam fungsi panggilan balik sebelum server merespons agar pengguna segera mendapat umpan balik.
Beberapa Formulir
Setiap formulir dapat memiliki perilaku enhance sendiri. Anda tidak memerlukan status global.
Mengapa Ini Penting
Anda mendapatkan ketangguhan formulir HTML dan kelancaran SPA dalam satu direktif.
Pemeriksaan Singkat
Apa yang dilakukan oleh use:enhance?
Ringkasan
use:enhance meningkatkan formulir bawaan menjadi pengiriman di sisi klien. Sesuaikan melalui fungsi panggilan balik.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Direktif use:enhance” gratis?
Ya — teks lengkap “Direktif use:enhance” 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 “Direktif use:enhance”?
Tingkatkan pengiriman formulir secara bertahap dengan pengambilan sisi klien tanpa memuat ulang sepenuhnya. 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 2 dari 4.
Berapa lama pelajaran “Direktif use:enhance” 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