Je hebt je misschien afgevraagd hoe jouw verzoeken worden verwerkt en hoe pagina's met gegevens worden geladen afhankelijk van de URL die je in je browser invoert. Het HTTP-protocol ondersteunt ons bij dit proces.

Wat wordt bedoeld met een client? In de context van HTTP verwijst een client naar een programma of apparaat dat verzoeken naar een server initieert om gegevens of bronnen op te halen. Meestal is de client een webbrowser (zoals Chrome, Firefox of Safari) die je gebruikt om websites te bezoeken.

De reactie van de server kan in verschillende formaten zijn. Je kunt een HTML-pagina ontvangen die je browser weergeeft, of je kunt informatie verzenden en ontvangen in JSON- of XML-formaten (die we later zullen behandelen).

Voorbeeld

Hier is een praktijkvoorbeeld: Stel je voor dat je eten bestelt in een restaurant. Jij (de client) plaatst een bestelling bij de ober (het versturen van een verzoek), en de ober geeft je bestelling door aan de keuken (de server). Vervolgens bereidt de keuken je maaltijd en brengt de ober het terug naar jou (het terugsturen van een reactie).

In dit voorbeeld ben jij de webbrowser, is de ober het HTTP-protocol en is de keuken de server die verzoeken verwerkt en reacties terugstuurt.

HTTP-methoden

HTTP-methoden definiëren welke acties moeten worden uitgevoerd op resources op de server. De belangrijkste methoden zijn:

GET

Wordt gebruikt om gegevens van de server op te halen. Bijvoorbeeld, wanneer een webpagina wordt geopend, stuurt de browser een GET-verzoek om de inhoud te laden.

Stel je voor dat je naar een bibliotheek gaat en de bibliothecaris (de server) vraagt om een boek (de resource) te vinden. De bibliothecaris gaat naar de plank, haalt het boek en geeft het aan jou terug.

Wanneer je een webpagina opent, stuurt de browser een GET verzoek om de server te vragen de pagina te leveren, net zoals je om een boek zou vragen in de bibliotheek.

POST

Verstuurt gegevens naar de server om een nieuw resource aan te maken. Deze methode wordt vaak gebruikt om formuliergegevens te verzenden, zoals registratie-informatie of opmerkingen.

Bijvoorbeeld, je dient een aanvraag in voor een paspoort, en de betreffende afdeling maakt een nieuw record aan op basis van jouw informatie.

Op dezelfde manier, wanneer je gegevens via een formulier op een website indient (zoals registratiegegevens), stuurt een POST-verzoek die gegevens naar de server om een nieuw resource aan te maken.

PUT

Wordt gebruikt om bestaande resources op de server bij te werken. Met deze methode kun je gegevens op de server aanpassen op basis van de verstrekte informatie.

Het lijkt op het bijwerken van een bestaand document. In de webcontext wordt een PUT-verzoek gebruikt om een bestaande resource op de server te vervangen of bij te werken. Bijvoorbeeld, je kunt informatie over je gebruikersprofiel bijwerken.

DELETE

Wordt gebruikt om resources van de server te verwijderen. Deze methode kan bijvoorbeeld worden gebruikt om een gebruikersaccount of een forumbericht te verwijderen.

Stel je voor dat een bedrijf besluit een verouderd contract uit het archief te verwijderen. Een medewerker lokaliseert het document en verwijdert het uit de database.

PATCH

Wordt gebruikt voor gedeeltelijke updates van een resource op de server. In tegenstelling tot een PUT-verzoek, dat de volledige resource vervangt, wordt PATCH gebruikt wanneer slechts een deel van de resource moet worden aangepast.

Bijvoorbeeld, als het e-mailadres van een gebruiker in het profiel moet worden bijgewerkt, kan een PATCH-verzoek worden gebruikt om alleen het e-mail-veld te wijzigen.

HEAD

Gebruikt om alleen de headers van een resource op te vragen, zonder de inhoud op te halen.

In een webcontext wordt een HEAD-verzoek gebruikt om metadata over een resource te verkrijgen. Bijvoorbeeld, het kan worden gebruikt om te controleren of een pagina is gewijzigd sinds het laatste bezoek of om het bestaan van een bestand op de server te verifiëren voordat het wordt gedownload.

Hoe werkt dit in de praktijk?

Verzoek

Wanneer je een URL (codefinity.com) in de zoekbalk invoert, verwacht je een pagina met informatie als antwoord te ontvangen.

Om een pagina weer te geven, stuurt uw browser (de client) een verzoek naar de server in het volgende formaat:

Deze afbeelding toont een voorbeeld van een HTTP-verzoek dat een client (zoals een browser) naar een server stuurt. Het verzoek gebruikt de GET-methode, waarmee aan de server wordt aangegeven dat de client gegevens wil ophalen (in dit geval de homepage /). De protocolversie is gespecificeerd als HTTP/1.1.

De headers geven aanvullende informatie: Host geeft aan dat het verzoek is gericht aan de server op codefinity.com, User-Agent geeft details over het type client (browser) dat het verzoek doet, en Accept-Language specificeert de gewenste taal voor de respons — Engels. Omdat dit een GET-verzoek is, is er geen body, aangezien het niet nodig is om gegevens naar de server te sturen.

Respons

Na ontvangst van het verzoek stuurt de server een HTTP-respons, die ook uit verschillende onderdelen bestaat:

Deze afbeelding toont een voorbeeld van een HTTP-respons die een server terugstuurt naar een client. De eerste regel specificeert de protocolversie HTTP/1.1, waarmee wordt bevestigd dat dit dezelfde versie is als gebruikt in het verzoek. Daarna volgt de statuscode 200 OK, wat aangeeft dat het verzoek succesvol was en de server de aangevraagde gegevens retourneert.

De headers geven aanvullende details over de verzonden inhoud. Bijvoorbeeld, Content-Type: text/html; charset=UTF-8 specificeert dat de inhoud een HTML-document is dat is gecodeerd in UTF-8. Content-Length: 3056 geeft de grootte van de inhoud in bytes aan, terwijl Server: Apache/2.4.41 (Ubuntu) informatie geeft over de webserver die het verzoek heeft verwerkt.

De body van de respons bevat de daadwerkelijke HTML-code voor de pagina die aan de client wordt geleverd, wat in dit geval een eenvoudig HTML-document is met een header en een welkomstbericht.