+server.js: GET POST PUT DELETE
Exporteer handlerfuncties met namen van HTTP-methoden om API-endpoints te bouwen.
+server.js: GET POST PUT DELETE is een gratis Sveltejs Academy-les op CoddyKit. Dit is les 1 van 4. Je kunt de volledige les hieronder gratis lezen en daarna in de browser praktisch oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is. Deze les maakt deel uit van het leertraject Sveltejs Academy. Je voortgang wordt gesynchroniseerd op het web en in de CoddyKit-app. De cursus Sveltejs Academy bevat in totaal 4 lessen.
API-routes
Met SvelteKit kun je API-eindpunten binnen hetzelfde project bouwen met bestanden +server.js.
Locatie
Plaats +server.js in een willekeurige map onder src/routes. De map bepaalt de URL.
src/routes/api/items/+server.js -> /api/itemsHTTP-methoden exporteren
Exporteer een functie met de naam van de HTTP-methode.
export async function GET() {
return new Response("hello");
}Meerdere methoden
Eén bestand kan GET, POST, PUT, DELETE, PATCH, OPTIONS en HEAD exporteren.
Antwoorden teruggeven
Elke handler geeft een standaardobject Response terug.
export async function POST({ request }) {
const data = await request.json();
return new Response(JSON.stringify({ ok: true }), { headers: { "content-type": "application/json" } });
}json-helper
De json()-helper uit @sveltejs/kit stelt de headers voor je in.
import { json } from "@sveltejs/kit";
return json({ items: [] });Methode niet toegestaan
Niet-afgehandelde methoden geven automatisch 405 terug. Standaardcode is niet nodig.
Eindpunten op basis van parameters
Gebruik dynamische mapnamen zoals [id] voor routes in resourcestijl.
src/routes/api/items/[id]/+server.jsAuthenticatie
Controleer event.locals, dat door hooks wordt gevuld, voor de authenticatiestatus.
Statuscodes
Geef de status als tweede argument aan json door of stel deze in bij het initialiseren van Response.
return json({ ok: false }, { status: 400 });CORS
Als je API verzoeken van andere origins aanbiedt, voeg je handmatig of via een hook CORS-headers toe.
Korte controle
Hoe handel je GET af?
Samenvatting
+server.js exporteert handlers per methode (GET, POST enzovoort) die Response teruggeven of de json()-helper gebruiken.
Leer HTML met een AI-tutor — gratis
Schrijf echte code en voer die uit in je browser, krijg direct hulp van een AI-tutor die 24/7 beschikbaar is en ga verder waar je gebleven bent op het web of in de app.
- Cursussen
- 41
- Lessen
- 163
Veelgestelde vragen
Is de les “+server.js: GET POST PUT DELETE” gratis?
Ja — de volledige tekst van “+server.js: GET POST PUT DELETE” kun je hier gratis op het web lezen. Als je interactief wilt oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is, en de rest van de cursus Sveltejs Academy wilt ontgrendelen, kun je upgraden naar CoddyKit PRO. De cursus Sveltejs Academy bevat in totaal 4 lessen.
Wat leer ik in “+server.js: GET POST PUT DELETE”?
Exporteer handlerfuncties met namen van HTTP-methoden om API-endpoints te bouwen. Je oefent met Sveltejs Academy door code rechtstreeks in de browser uit te voeren. Een AI-begeleider die 24/7 beschikbaar is beantwoordt je vragen terwijl je de les doorwerkt.
Heb ik ervaring nodig om met Sveltejs Academy te beginnen?
Ervaring vooraf is niet nodig. Sveltejs Academy op CoddyKit is opgebouwd voor beginners tot gevorderden, zodat je hier of bij het begin kunt starten en in je eigen tempo kunt leren. Dit is les 1 van 4.
Hoe lang duurt de les “+server.js: GET POST PUT DELETE”?
De meeste lessen van CoddyKit duren ongeveer 5–10 minuten. Elke les is kort en interactief, zodat je gestaag vooruitgaat en op het web en in de app precies verdergaat waar je was gebleven.
Kan ik code schrijven en uitvoeren in deze les over Sveltejs Academy?
Ja. Elke les over Sveltejs Academy bevat een ingebouwde code-editor, zodat je rechtstreeks in je browser echte code kunt schrijven en uitvoeren en direct feedback van AI krijgt — lokale installatie is niet nodig.
Alle lessen in deze cursus
- +server.js: GET POST PUT DELETE
- Request en RequestEvent
- JSON-responses retourneren
- Streamen met ReadableStream