Cum are loc interacțiunea dintre client și server…

Interacțiunea are loc prin protocolul HTTP/HTTPS, de obicei în modelul "client-server":

Clientul (browserul) trimite o solicitare. Solicitarea conține:
- Metoda (GET, POST, PUT, DELETE etc.)
- URL-ul resursei solicitate
- Anteturi (informații despre client, tipul de date, autorizare etc.)
- Corpul solicitării (pentru metode precum POST, cu date)
Serverul procesează solicitarea.
- Primește și analizează solicitarea.
- Determină resursa și operațiunea.
- Accesează datele (bază de date, sistem de fișiere etc.), dacă este necesar.
- Formează răspunsul.
Serverul trimite răspunsul. Răspunsul conține:
- Codul de stare HTTP (200 OK, 404 Not Found, 500 Internal Server Error etc.)
- Anteturile răspunsului (tipul de conținut, cache, cookie-uri etc.)
- Corpul răspunsului (HTML, JSON, XML, imagine etc.)
Clientul primește și procesează răspunsul.
- Analizează răspunsul.
- Afișează conținutul (de exemplu, redă pagina HTML).
- Execută JavaScript, procesează datele.

Exemplu de solicitare GET:

GET /api/users HTTP/1.1
Host: example.com
User-Agent: Mozilla/5.0 (...)
Accept: application/json

Exemplu de răspuns la solicitarea GET:

HTTP/1.1 200 OK
Content-Type: application/json
Content-Length: 150
Cache-Control: max-age=3600

[
  { "id": 1, "name": "Alice" },
  { "id": 2, "name": "Bob" }
]

De asemenea, sunt utilizate și alte mecanisme pentru o interacțiune mai interactivă:

WebSocket: Conexiune bidirecțională permanentă pentru schimbul de date în timp real (de exemplu, chat-uri).
Server-Sent Events (SSE): O conexiune unidirecțională de la server la client pentru primirea fluxului de actualizări.
Polling: Clientul trimite periodic solicitări către server pentru a verifica dacă există actualizări.
Long Polling: Clientul trimite o solicitare, serverul o menține deschisă până apar date sau expiră timeout-ul, apoi trimite răspunsul.

În contextul aplicațiilor web, browserul încarcă, de asemenea, resurse (CSS, JS, imagini) prin solicitări HTTP separate după primirea HTML-ului inițial. JavaScript poate trimite, de asemenea, solicitări suplimentare dinamice către API (AJAX) pentru a obține sau trimite date fără a reîncărca pagina.

Cum are loc interacțiunea dintre client și server?