Front end ~ HTTP Forms - MichaelChorak/projectTech GitHub Wiki

Chapter 18: HTTP and Forms

Port 80 is de default port voor HTTP traffic, het probeert connectie te maken en als de server bestaat en accepteert de request dan zal de server een bestand terugsturen en zal dit laten zien als html bestand.

De informatie die wordt verstuurd door de gebruiker wordt een request genoemd. Dit is een GET methode. De naam zegt het al, je probeert iets op te halen.

Ook hebben we POST, dit is juist het tegenovergestelde en zo verstuur je juist data. Ook zijn DELETE en PUT 2 veelgebruikte methodes. Met DELETE verstuur je een aanvraag om iets te verwijderen.

Dit wordt vaak toegepast in forms, deze kunnen door de gebruiker ingevuld worden en dan wordt het verstuurd naar de server

Fetch

De interface die JavaScript om HTTP requests te maken heet Fetch, hiermee kan je data/responses halen van objecten, zoals status codes en headers.

Waar gaan de gegevens naar toe?

In een form heb je een action attribuut. Dit attribuut bepaalt naar waar de gegevens worden verstuurd:

<form action="http://foo.com">

Zoals u kunt zien wordt de informatie naar "http://foo.com" verstuurd.

Method attributen

Dit attribuut bepaalt hoe de gegevens worden verzonden. Het HTTP protocol voorziet diverse methoden om een verzoek op te stellen. De twee meest gebruikte methoden zijn de GET en de POST methoden.

  <div>
    <label for="say">What greeting do you want to say?</label>
    <input name="say" id="say" value="Hi">
  </div>
  <div>
    <label for="to">Who do you want to say it to?</label>
    <input name="to" value="Mom">
  </div>
  <div>
    <button>Send my greetings</button>
  </div>
</form>

Het bovenstaande stukje code met de methode GET zou het bovenstaande in een url plakken met de waardes: Hi & Mom. Say heeft de waarde: "Hi" meegekregen en to heeft de waarde "mom" meegekregen.

POST methode

De POST methode werkt net iets anders. POST gebruik je eerder om informatie op te vragen aan de server en je kan informatie aanvragen van wat aan de waardes zijn gekoppeld. Dus bijvoorbeeld; POST een provincie en geef mij alle gebruikers terug die in die provincie wonen. Dit kan je eventueel laten terugkeren als object en gebruiken.

⚠️ **GitHub.com Fallback** ⚠️