File json: cosa sono e come utilizzarli

Hey tech lover! Oggi parliamo di un argomento molto interessante: i file JSON (JavaScript Object Notation). Si tratta di file di testo utilizzati per lo scambio di dati tra entità, come ad esempio il tuo browser e un server.

JSON è un formato open-source, quindi chiunque può usarlo gratuitamente. Oltre ad essere facilmente leggibile dalle macchine, è anche molto comprensibile per noi umani. A causa di queste caratteristiche, JSON è diventato il formato di serializzazione dei dati più diffuso al mondo, superando di gran lunga XML.

Esempio di json

Diamo un'occhiata a un esempio pratico. Immagina di voler descrivere una persona con varie informazioni come nome, cognome, indirizzo, telefoni ed entità correlate (figli, coniugi). Ecco come apparirebbe in JSON:

{
  "nome": "Giovanni",
  "cognome": "Bianchi",
  "eta": 35,
  "indirizzo": {
    "via": "Via Roma 21",
    "citta": "Piacenza",
    "stato": "Italia",
    "cap": "30034"
  },
  "telefoni": [
    {
      "tipo": "casa",
      "numero": "098234398"
    },
    {
      "tipo": "ufficio",
      "numero": "3450004933"
    }
  ],
  "figli": [
      "Filomena",
      "Marco",
      "Ciccio"
  ],
  "coniuge": null,
  "inPensione": false
}

Come puoi vedere, JSON utilizza un formato chiave-valore per descrivere un oggetto.

Dati rappresentabili con json

Con JSON puoi rappresentare vari tipi di dati:

• 🔢 Numeri: sia interi che float
• 🔤 Stringhe: solitamente in UTF-8
• ✅ Booleani: true e false
• 📚 Array: come nell’attributo "figli"
• 🏠 Oggetti: come nell’attributo "indirizzo"
• 🚫 null: come nell’attributo "coniuge"

Esempio pratico: login

Per capire perché JSON è così popolare, vediamo un esempio pratico di login in un'applicazione web. L'utente inserisce username e password in un form.

Al clic del pulsante di login, il browser costruisce un oggetto JSON come questo:

{
  "username": "marco88",
  "password": "18J&R#8wM!Aq"
}

Questo JSON viene inviato al server per la verifica. Se i dati sono corretti, il server risponde con:

{
  "status": "ok"
}

Se il login è avvenuto con successo, il frontend dell'applicazione reindirizza l'utente all'area autenticata.

Come aprire i file json

Aprire un file JSON è un gioco da ragazzi! Basta un qualsiasi editor di testo.

• Se usi Windows, puoi optare per Blocco note o Notepad++.
• Su Linux, gedit fa un ottimo lavoro.

Approfondimenti

Se sei curioso di saperne di più, ti consiglio il libro “HTML5 e CSS3, La guida completa per il Web design” di Tony Chan, che copre anche JSON.

Per ulteriori info e approfondimenti, visita il nostro blog su One AM.

Conclusioni

E voilà! Ora sai cos'è un file JSON e come si utilizza. Hai visto un esempio pratico di scambio dati tramite JSON. Se sei interessato a scoprire di più sul mondo del web development, dai un'occhiata agli altri articoli del nostro blog!

Vuoi iniziare un nuovo progetto o hai bisogno di una mano con il tuo sito web o la tua app? Contattaci su One AM e parliamone!