Che cos'è HTTP?


HTML

HTTP sta per Hyper T ext T rasfer P rotocol

WWW riguarda la comunicazione tra client Web e server

La comunicazione tra computer client e server Web avviene tramite l'invio di richieste HTTP e la ricezione di risposte HTTP


Comunicazione World Wide Web

Il World Wide Web riguarda la comunicazione tra client web e server web .

I client sono spesso browser (Chrome, Edge, Safari), ma possono essere qualsiasi tipo di programma o dispositivo.

I server sono spesso computer nel cloud.



Cliente Web

Nuvola

Server web

Richiesta/risposta HTTP

La comunicazione tra client e server avviene tramite richieste e risposte :

  1. Un client (un browser) invia una richiesta HTTP al web
  2. Un server web riceve la richiesta
  3. Il server esegue un'applicazione per elaborare la richiesta
  4. Il server restituisce una risposta HTTP (output) al browser
  5. Il client (il browser) riceve la risposta

Il cerchio delle richieste HTTP

Un tipico cerchio di richiesta/risposta HTTP:

  1. Il browser richiede una pagina HTML. Il server restituisce un file HTML.
  2. Il browser richiede un foglio di stile. Il server restituisce un file CSS.
  3. Il browser richiede un'immagine JPG. Il server restituisce un file JPG.
  4. Il browser richiede il codice JavaScript. Il server restituisce un file JS
  5. Il browser richiede dati. Il server restituisce i dati (in XML o JSON).

XHR - Richiesta HTTP XML

Tutti i browser hanno un XMLHttpRequest Object (XHR) integrato .

XHR è un oggetto JavaScript utilizzato per trasferire dati tra un browser Web e un server Web.

XHR viene spesso utilizzato per richiedere e ricevere dati allo scopo di modificare una pagina web.

Nonostante XML e Http nel nome, XHR viene utilizzato con altri protocolli oltre a HTTP e i dati possono essere di molti tipi diversi come HTML , CSS , XML , JSON e testo normale.

L'oggetto XHR è il sogno degli sviluppatori Web , perché puoi:

  • Aggiorna una pagina web senza ricaricare la pagina
  • Richiedi i dati da un server - dopo che la pagina è stata caricata
  • Ricevi dati da un server - dopo che la pagina è stata caricata
  • Invia dati a un server - in background

L'oggetto XHR è il concetto alla base di AJAX e JSON :

AJAX