Når du arbejder med API'er, er de mest almindelige HTTP-metoder GET og POST:

• GET: Bruges til at hente data fra en server;
• POST: Bruges til at sende data til en server, typisk ved indsendelse af formularer eller afsendelse af JSON-data.

Eksempel på GET-anmodning

En GET-anmodning henter data fra en server uden at ændre nogen ressourcer.

fetchPost-funktionen anvender fetch()-metoden til at sende en forespørgsel til et angivet endpoint (/posts/1). Når svaret modtages, parses dataene som JSON, og postens titel udtrækkes og vises i HTML-afsnittet.

Eksempel på POST-forespørgsel

En POST-forespørgsel sender data til serveren, ofte anvendt til oprettelse af nye ressourcer eller indsendelse af formularoplysninger.

sendPostRequest-funktionen foretager en anmodning til det angivne endpoint (/posts) med method sat til 'POST'. Headers inkluderer 'Content-Type': 'application/json' for at angive, at der sendes JSON-data. body indeholder JSON-formaterede data med oplysninger om et nyt opslag, såsom title, body og userId. Efter anmodningen parses serverens svar som JSON, og titlen på det oprettede opslag vises i HTML'en.

Afsendelse af headers og håndtering af forskellige HTTP-metoder (GET, POST, PUT, DELETE)

Forskellige HTTP-metoder tjener forskellige formål. Ud over GET og POST er almindelige metoder:

• PUT: Bruges til at opdatere en eksisterende ressource;
• DELETE: Bruges til at fjerne en ressource fra serveren.

Du kan også sende headers med enhver HTTP-metode for at give yderligere information, såsom autentificeringstokens eller content type.

PUT-anmodningseksempel: Opdatering af data

Funktionen updatePost sender en PUT-anmodning til det angivne endpoint (/posts/1) for at opdatere et eksisterende opslag. Anmodningen inkluderer method: 'PUT' for at angive opdateringshandlingen, og headers er sat til at inkludere 'Content-Type': 'application/json', hvilket angiver JSON-format. body indeholder JSON-formaterede data, herunder et id, opdateret title, body og userId. Når svaret modtages, parses det som JSON, og den opdaterede titel vises i HTML'en.

DELETE-anmodningseksempel: Fjernelse af data

Funktionen deletePost sender en DELETE-anmodning til et specificeret endpoint (/posts/1) for at slette et bestemt opslag. method: 'DELETE' angiver handlingen. Efter anmodningen kontrolleres svaret med response.ok: hvis det lykkes, vises en succesmeddelelse ("Post deleted successfully.") i HTML'en. Hvis sletningen mislykkes, vises i stedet en fejlmeddelelse.

Brug af forespørgselsparametre i API-anmodninger

Forespørgselsparametre gør det muligt at sende yderligere information i URL'en, såsom filtrering af data, sortering af resultater eller angivelse af sidenumre i paginerede svar.

GET-anmodning med forespørgselsparametre

fetchPostsByUser-funktionen sender en anmodning til et API-endpoint med en forespørgselsparameter (userId=1), som filtrerer indlæg, så kun dem der tilhører den angivne bruger vises. userId tilføjes direkte til URL'en som en forespørgselsparameter. Efter modtagelse af de filtrerede data viser funktionen antallet af indlæg fundet for den bruger i HTML'en.