+page.js load-funktionen
Eksportér en load-funktion for at hente eller beregne data, før siden gengives
+page.js load-funktionen er en gratis Sveltejs Academy-lektion på CoddyKit. Dette er lektion 1 af 4. Du kan læse hele lektionen gratis nedenfor — og derefter øve dig praktisk i browseren med en indbygget kodeeditor og en AI-vejleder, der er tilgængelig døgnet rundt. Den er en del af læringsforløbet i Sveltejs Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. Sveltejs Academy-kurset indeholder 4 lektioner i alt.
Hvorfor load-funktioner
SvelteKit skal vide, hvilke data din side har brug for, så de kan hentes før visning. Det sørger load-funktionen for.
Filplacering
Opret +page.js ved siden af +page.svelte i den samme mappe.
Eksportér load
Eksportér en funktion med navnet load.
export async function load({ params, fetch }) {
const res = await fetch("/api/items");
return { items: await res.json() };
}Asynkrone funktioner er tilladt
Load-funktioner kan være asynkrone. SvelteKit venter på dem, før siden gengives.
Returnerede data
Det, du returnerer, gives til siden som data-prop.
Brug fetch
Brug den fetch, der leveres til load-funktionen. Den håndterer SSR og legitimationsoplysninger korrekt.
Adgang til params
Dynamiske ruteparametre findes på params.
export function load({ params }) { return { slug: params.slug }; }Kører først på serveren
Ved de første forespørgsler kører load på serveren, og ved efterfølgende navigationer kører den på klienten.
Universel kontra kun server
+page.js kører begge steder, mens +page.server.js kun kører på serveren.
Cachelagring
Brug HTTP-headere og platformens cache for at gøre load-funktioner effektive.
Datastrømning
Returnér promises i indlejrede egenskaber for at strømme data uden at blokere den første HTML.
Hurtigt tjek
Hvad returnerer load?
Opsummering
Eksportér load fra +page.js for at hente eller beregne data. Returneringen bliver sidens data-prop.
Lær HTML med en AI-underviser — gratis
Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.
- Kurser
- 41
- Lektioner
- 163
Ofte stillede spørgsmål
Er lektionen “+page.js load-funktionen” gratis?
Ja — hele teksten til “+page.js load-funktionen” kan læses gratis her på nettet. Hvis du vil øve dig interaktivt med en indbygget kodeeditor og en AI-vejleder døgnet rundt og få adgang til resten af Sveltejs Academy-kurset, skal du opgradere til CoddyKit PRO. Sveltejs Academy-kurset indeholder 4 lektioner i alt.
Hvad lærer jeg i “+page.js load-funktionen”?
Eksportér en load-funktion for at hente eller beregne data, før siden gengives Du øver dig i Sveltejs Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.
Skal jeg have erfaring for at begynde på Sveltejs Academy?
Der kræves ingen tidligere erfaring. Sveltejs Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 1 af 4.
Hvor lang tid tager lektionen “+page.js load-funktionen”?
De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.
Kan jeg skrive og køre kode i denne Sveltejs Academy-lektion?
Ja. Alle Sveltejs Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.
Alle lektioner i dette kursus
- +page.js load-funktionen
- Returnér data, og brug $page.data
- Fejlhåndtering i load
- +page.server.js til logik, der kun kører på serveren