Fungsi load +page.js
Ekspor fungsi load untuk mengambil atau menghitung data sebelum halaman dirender.
Fungsi load +page.js 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.
Mengapa Fungsi Pemuatan
SvelteKit perlu mengetahui data yang diperlukan halaman agar dapat mengambilnya sebelum ditampilkan. Fungsi pemuatan menyediakan data tersebut.
Lokasi Berkas
Buat +page.js di samping +page.svelte dalam direktori yang sama.
Ekspor Fungsi Pemuatan
Ekspor fungsi bernama load.
export async function load({ params, fetch }) {
const res = await fetch("/api/items");
return { items: await res.json() };
}Asinkron Diizinkan
Fungsi pemuatan dapat berjalan secara asinkron. SvelteKit menunggunya selesai sebelum menampilkan halaman.
Data yang Dikembalikan
Apa pun yang Anda kembalikan akan diberikan sebagai properti data kepada halaman.
Gunakan fetch
Gunakan fetch yang disediakan untuk fungsi pemuatan. Fungsi ini menangani SSR dan kredensial dengan benar.
Mengakses Parameter
Parameter rute dinamis berada di params.
export function load({ params }) { return { slug: params.slug }; }Berjalan di Sisi Server Terlebih Dahulu
Untuk permintaan awal, fungsi pemuatan berjalan di server; untuk navigasi berikutnya, fungsi tersebut berjalan di klien.
Universal vs Hanya Server
+page.js berjalan di kedua tempat; +page.server.js hanya berjalan di server.
Penyimpanan Sementara
Gunakan header HTTP dan tembolok platform agar fungsi pemuatan bekerja secara efisien.
Pengaliran Data
Kembalikan nilai yang dijanjikan di dalam properti bertingkat untuk mengalirkan data tanpa menghalangi HTML awal.
Pemeriksaan Singkat
Apa yang dikembalikan fungsi pemuatan?
Rangkuman
Ekspor load dari +page.js untuk mengambil atau menghitung data. Nilai yang dikembalikan menjadi properti data halaman.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Fungsi load +page.js” gratis?
Ya — teks lengkap “Fungsi load +page.js” 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 “Fungsi load +page.js”?
Ekspor fungsi load untuk mengambil atau menghitung data sebelum halaman dirender. 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 “Fungsi load +page.js” 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
- Fungsi load +page.js
- Mengembalikan Data dan Menggunakan $page.data
- Penanganan Error dalam load
- +page.server.js untuk Logika Khusus Server