Vad händer???

Control

Vid varje överföring måste protokollet verifera att data skickas mellan parterna

SYN, SYN/ACK, SYN

TCP har koll på sin shit

TCP är säkert, själva protokollet kollar att allting kommer fram och att allting kommer fram i rätt ordning.

Här skakas viktiga händer

Vi har också UDP

User
Datagram
Protocol

Primära metoder

GET: Hämta data

POST: Skicka data

PATCH: Uppdatera data

PUT: Byta ut data

DELETE: Ta bort data

CRUD

Metoderna brukar kallas för CRUD:

Create
Read
Update
Delete

AJAX

Asynchronous JSON And XML

Synchronous

JavaScript är som kö för det mesta

Allt ska ske i en strikt ordning

Asynchronous

Du står i kö.

Din polare bestämmer sig för att springa iväg och köpa något att äta i kön

Polaren kommer tillbaka med käket och höjer stämningen rejält

Så funkar Asynkront JavaScript

Grejen med Async

Vi måste garantera med kod att vårt response har kommit in

En request kan ta lång tid och sakta ner hela processen. Vi måste se till så att vårat async-request inte stör resten av koden

Async

Async är inte bara HTTP-metoder

setTimeout() t.ex. körs async. Resten av koden kan köras klart medan timeouten kan köras i bakgrunden.

XMLHttpRequest

Native till JavaScript har vi XMLHttpRequest

Det första standardiserade sättet att använda HTTP-metoderna för att hämta och skicka JSON och XML

var request = new XMLHttpRequest();

LOCALHOST

127.0.0.1

Boven

Cross-Origin Resource Sharing

Cross Origin Resource Sharing

De flesta resurser kan delas fritt mellan hemsidor

JSON är dock en större säkerhetsrisk och är därmed blockerat i de felsta fall.

I många fall blockeras vissa förfrågningar om vi serverar vår sida från vårt filsystem

Lokala filer serverade från filsystemet

AJAX kan inte användas lokalt via filsystemet, det är en nätverksförfrågan.

En lösning: MAMP

MyApache - MySQL - PHP

MAMP

Skapar en lokal server med programmet Apache

Allting vi lägger i programmets server-mapp serveras via servern

Vi kan köra AJAX utan att stöta på några problem, oftast.