Introduzione a JSON

JSON, acronimo di JavaScript Object Notation, è un formato per la rappresentazione di dati strutturati basato su testo. Viene utilizzato per trasferire dati tra client e server in applicazioni web.

Struttura di JSON

JSON è costituito da due strutture principali:

• Oggetti: Raccolte di coppie chiave/valore racchiuse tra parentesi graffe {}. Le chiavi sono stringhe e i valori possono essere stringhe, numeri, booleani, null, array o altri oggetti JSON.
• Array: Liste ordinate di valori racchiuse tra parentesi quadre []. I valori possono essere di qualsiasi tipo JSON, inclusi altri array e oggetti.

Esempio di JSON

Un esempio di oggetto JSON che rappresenta un utente:

            {
              "nome": "Mario",
              "età": 30,
              "email": "mario@example.com",
              "iscrizioni": ["corso1", "corso2"],
              "indirizzo": {
                "via": "Via Roma",
                "città": "Roma",
                "CAP": "00100"
              }
            }
          

Parsing di JSON in JavaScript

In JavaScript, è possibile convertire una stringa JSON in un oggetto utilizzando il metodo JSON.parse().

            const jsonString = '{"nome": "Mario", "età": 30}';
            const utente = JSON.parse(jsonString);
            console.log(utente.nome); // Output: Mario
          

Serializzazione di JSON in JavaScript

Per convertire un oggetto JavaScript in una stringa JSON, si utilizza il metodo JSON.stringify().

            const utente = {
              nome: "Mario",
              età: 30
            };
            const jsonString = JSON.stringify(utente);
            console.log(jsonString); // Output: {"nome":"Mario","età":30}
          

Utilizzo di JSON nelle Richieste HTTP

JSON è comunemente utilizzato nelle richieste HTTP per scambiare dati tra client e server. Ad esempio, con il metodo fetch() è possibile inviare e ricevere dati JSON:

            // Esempio di richiesta GET
            fetch('https://api.example.com/data')
              .then(response => response.json())
              .then(data => console.log(data));
  
            // Esempio di richiesta POST
            fetch('https://api.example.com/data', {
              method: 'POST',
              headers: {
                'Content-Type': 'application/json'
              },
              body: JSON.stringify({ nome: 'Mario', età: 30 })
            })
              .then(response => response.json())
              .then(data => console.log(data));