HTTP and Forms - TristanVarewijck/Block-Tech GitHub Wiki
In de browser tap voeren wij een url in, deze url verwijst naar externe files zoals een index.html, wanneer de url matches zal dit plaatsvinden. Je hebt twee duidelijke verschillen als het gaat om het Requesten van informatie.
GET = Wanneer je informatie wilt verkrijgen zonder enige side effects zoals het inladen van de homepagina. POST = wanneer je bijvoorbeeld je wachtwoord en gebruikersnaam wilt opslaan. met post kan je er ook voor kiezen om de informatie niet in de url neer te zetten wachtwoorden zijn namelijk gevoelig voor hackers.
The interface through which browser JavaScript can make HTTP requests is called fetch
HTTP and Sandboxing
Het maken van HTTP requests; het opvragen van informatie en het toevoegen van informatie kan zorgen op wekken voor de security van websites. Het moet natuurlijk niet zo kunnen zijn dat ik met een HTTP request met een op maat gemaakt script bank gegevens kan opvragen van duizenden mensen. Gelukkig beschermen browsers hier ons tegen. Browsers verbieden om ongevraagd scripts te kunnen uitvoeren op andere domains.
Wanneer je belangrijke gegevens verzend is een HTTP niet genoeg (browsers die geen scripts laten uitvoeren op andere domains) Hierbij komt de 'secure HTTP protocol' aan te pas dit protocol zal jouw url nog beter beveiligen.
Forms were originally designed for the pre-JavaScript Web to allow web sites to send user-submitted information in an HTTP request
Een form vind als eerste plaats in een HTML bestand een form word gemaakt door inputs in een form tag. Veel gebruikte inputs zijn:
- Text
- Password
- Checkbox
- Radio
- File
- Alle inputs kunnen disabled worden met
<button disabled>I'm out</button>
De button zal het nu niet meer doen.
"Simple HTML pages with a bit of JavaScript can be a great format for “mini applications”—small helper programs that automate basic tasks. By connecting a few form fields with event handlers, you can do anything from converting between centimeters and inches to computing passwords from a master password and a website name."
- HTTP and Forms | Eloquent JavaScript 3rd edition (2018)