- Distinguere le cinque classi dei codici di stato HTTP.
- Interpretare i codici di stato più comuni in una risposta.
- Individuare il codice di stato in DevTools e riconoscere i reindirizzamenti.
- Confrontare risultati osservati e output attesi durante una prova riproducibile.
Che cosa sono i codici di stato HTTP?
Concetto: esito della richiesta | Contesto: risposta HTTP
Quando riceve una richiesta HTTP, il server restituisce una risposta che contiene un codice di stato a tre cifre. Il codice permette al client di distinguere una richiesta completata correttamente, un reindirizzamento o un errore. Non descrive da solo tutto il contenuto della risposta.
Le cinque classi
Tag: 1xx–5xx | Tag: interpretazione
| Classe | Significato | Esempio |
|---|---|---|
| 1xx | Informazioni: elaborazione o negoziazione in corso | 100 Continue |
| 2xx | Successo: richiesta gestita correttamente | 200 OK, 201 Created, 204 No Content |
| 3xx | Reindirizzamento o uso di una rappresentazione già disponibile | 301 Moved Permanently, 302 Found, 304 Not Modified |
| 4xx | Errore attribuito alla richiesta o alle condizioni di accesso | 400 Bad Request, 401 Unauthorized, 403 Forbidden, 404 Not Found |
| 5xx | Errore del server o di un servizio intermedio | 500 Internal Server Error, 503 Service Unavailable |
Leggere una risposta HTTP
Tag: status code | Tag: header
In HTTP/1.1, la prima riga della risposta contiene versione del protocollo, codice numerico e frase descrittiva:
HTTP/1.1 200 OK
Content-Type: text/html; charset=UTF-8
<!doctype html>
<html>...</html>In HTTP/2 e HTTP/3 non esiste una riga di stato testuale identica a quella di HTTP/1.1: il codice viene trasmesso tramite lo pseudo-header :status. DevTools presenta comunque un campo Status Code facilmente leggibile.
| Codice | Che cosa osservare |
|---|---|
| 200 OK | Risposta riuscita: controllare il contenuto ricevuto. |
| 302 Found | Reindirizzamento temporaneo: cercare l'header Location. |
| 400 Bad Request | Richiesta rifiutata perché non valida per il server. |
| 404 Not Found | La risorsa richiesta non è stata trovata. |
| 500 Internal Server Error | Il server ha incontrato un errore inatteso. |
Analizzare i codici di stato con DevTools
Confrontare risposte 200, 404, 400 e 302 attraverso le prove interattive della lezione.
Obiettivo: individuare il codice di stato, interpretarne il significato e riconoscere un reindirizzamento.
Software: browser con DevTools. Tempo indicativo: 20 minuti.
- Apri questa lezione nel browser e individua i collegamenti alle quattro prove.
- Premere F12 e aprire la scheda Network (Rete).
- Attivare Preserve log (Mantieni registro), per conservare le richieste durante la navigazione.
- Aprire in una nuova scheda il test 200. Osservare nella scheda Network la richiesta e il codice 200.
- Aprire il test 404. Selezionare la richiesta e individuare 404 Not Found nella sezione Headers → General.
- Aprire il test 400 e confrontare il risultato con quello precedente.
- Aprire il test 302. Nel pannello Network individuare la richiesta 302 e quella successiva 200.
- Selezionare la richiesta con stato 302 e cercare l'header
Locationnegli Response Headers. - Aprire la scheda Response per i test 200, 400 e 404 e confrontare i messaggi restituiti.
- Annotare per ogni prova: URL, codice, classe, significato e presenza di un reindirizzamento.
?demo_stato=200 → 200 OK
?demo_stato=404 → 404 Not Found
?demo_stato=400 → 400 Bad Request
?demo_stato=302 → 302 Found → 200 OK
Location: ?demo_stato=200I nomi delle colonne, la frase descrittiva e la visualizzazione dei redirect possono variare tra browser. DevTools deve essere aperto nella scheda che esegue la prova.
- Se non compare alcuna richiesta, apri Network prima di navigare e ricarica la pagina.
- Se vedi soltanto 200 dopo il test 302, attiva Preserve log e ripeti.
- Se i codici non corrispondono a quelli attesi, annota il codice visualizzato in Network e segnala il risultato al docente.
- Se il browser mostra una pagina di errore per 404 o 400, controlla comunque lo Status Code in Network: è il risultato atteso.
Esercizio autonomo: esegui tutte e quattro le prove, compila una tabella con codice, classe e significato, poi spiega perché il test 302 genera due richieste.
Risultato atteso: classificazione corretta in 2xx, 3xx e 4xx; identificazione dell'header Location per il redirect.
Verifica dei concetti
Obiettivo: interpretare le risposte | Concetti: classi, codici, redirect
Seleziona una domanda per visualizzare la risposta e confrontarla con la tua.
1. Che cosa indica il codice 200? ▾
2. Qual è la differenza tra 301 e 302? ▾
3. Che cosa significa 404 Not Found? ▾
4. Quando si incontra un codice 500? ▾
5. Perché osservare Network invece di affidarsi soltanto alla pagina visualizzata? ▾
Isola gli stati 2xx, 3xx, 4xx e 5xx nel traffico del browser.
Apri la lezione del corso CHROME DEVTOOLS →