+page.js load İşlevi
Sayfa oluşturulmadan önce veri getirmek veya hesaplamak için bir load işlevini dışa aktarın.
+page.js load İşlevi, CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 dersinin 1. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Sveltejs Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Sveltejs Academy kursu toplamda 4 dersten oluşur.
Yükleme İşlevleri Neden Kullanılır
SvelteKit, işlenmeden önce getirebilmek için sayfanızın hangi verilere ihtiyaç duyduğunu bilmelidir. Bunu yükleme işlevi sağlar.
Dosya Konumu
Aynı klasörde +page.svelte dosyasının yanına +page.js oluşturun.
load'u Dışa Aktarma
load adlı bir işlevi dışa aktarın.
export async function load({ params, fetch }) {
const res = await fetch("/api/items");
return { items: await res.json() };
}Eş Zamansız Kullanılabilir
Yükleme işlevleri eş zamansız olabilir. SvelteKit, işleme başlamadan önce bunların tamamlanmasını bekler.
Döndürülen Veriler
Döndürdüğünüz her şey sayfaya data özelliği olarak sağlanır.
fetch Kullanma
Yükleme işlevine sağlanan fetch işlevini kullanın. Bu işlev, SSR ve kimlik bilgilerini doğru biçimde yönetir.
Parametrelere Erişme
Dinamik rota parametreleri params üzerinde bulunur.
export function load({ params }) { return { slug: params.slug }; }Önce Sunucu Tarafında Çalışır
İlk isteklerde load sunucuda çalışır; sonraki gezinmelerde ise istemcide çalışır.
Evrensel ve Yalnızca Sunucu
+page.js her iki yerde de çalışır; +page.server.js yalnızca sunucuda çalışır.
Önbelleğe Alma
Yükleme işlevlerini verimli hâle getirmek için HTTP üst bilgilerini ve platform önbelleğini kullanın.
Akış
İlk HTML'nin engellenmesini önleyerek verileri akış hâlinde almak için iç içe özelliklerde vaatler döndürün.
Hızlı Kontrol
load ne döndürür?
Özet
Verileri getirmek veya hesaplamak için +page.js içinden load işlevini dışa aktarın. Döndürülen değer, sayfanın data özelliğine dönüşür.
Sıkça Sorulan Sorular
“+page.js load İşlevi” dersi ücretsiz mi?
Evet — “+page.js load İşlevi” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Sveltejs Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Sveltejs Academy kursu toplamda 4 dersten oluşur.
“+page.js load İşlevi” dersinde ne öğreneceğim?
Sayfa oluşturulmadan önce veri getirmek veya hesaplamak için bir load işlevini dışa aktarın. Sveltejs Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
Sveltejs Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te Sveltejs Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 1. dersidir.
“+page.js load İşlevi” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu Sveltejs Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her Sveltejs Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- +page.js load İşlevi
- Veri Döndürme ve $page.data Kullanımı
- load'da Hata İşleme
- Yalnızca Sunucu Mantığı için +page.server.js