Isjson Javascript

| | | | | | | | | | | | | | | |

JSON è l’acronimo di JavaScript Object Notation. è un oggetto JavaScript che organizza i dati in coppie chiave/valore. L’archiviazione dei dati in questo modo rende questi oggetti leggeri e indipendenti dal linguaggio. Ciò significa che JSON può essere letto dalla maggior parte dei linguaggi di programmazione.

JSON è comunemente usato per recuperare i dati da un server al lato client perché è leggero e facilmente leggibile da uomini e macchine. In un mondo di API che consumano, JSON è abbastanza flessibile da estrarre solo i dati desiderati dal server all’utente.

Utilizzo di JSON

L’utilizzo di JSON è un modo pratico per archiviare i dati passati dal server al front-end di un’app. La maggior parte dei linguaggi di programmazione dispone di metodi per convertire i dati in JSON immediatamente. In una richiesta di recupero JavaScript, la risposta dati passata dal server viene convertita in JSON invocando il metodo json() sulla richiesta. Leggi ulteriori informazioni sulle richieste di recupero qui.

Perché dovremmo comunque convertire una risposta in JSON? Una risposta è verbosa e difficile da decifrare per noi umani. Convertendo la risposta in JSON, organizziamo i dati in coppie chiave/valore leggibili. Ciò rende i dati più accessibili tramite il codice che scriviamo per fare qualcosa con i dati di risposta.

Esempi JSON

Per prima cosa, diamo un’occhiata a cosa una risposta è stata convertita in JSON potrebbe sembrare. Stiamo inviando una richiesta di recupero a un’API che ci dice quanti astronauti sono attualmente nello spazio nell’esempio seguente.

Per i nostri scopi, registreremo la risposta che abbiamo convertito in JSON nella nostra console.

Possiamo vedere che all’interno di questo oggetto ci sono le chiavi di "messaggio", "numero" e "persone." La chiave del messaggio indica un valore di "successo." Questo è un bel messaggio per comunicarci lo stato della nostra richiesta.

Successivamente, la nostra chiave numerica punta al valore 7. Questo è il numero totale di persone nello spazio. Infine, arriviamo alla nostra chiave "persone". Il valore di questa chiave è un array. All’interno questo array sono più oggetti con le chiavi "craft" e "name." I nostri valori per queste chiavi sono il nome della navicella spaziale e dell’astronauta a bordo.

JSON può essere annidato più volte. In questa fase della nostra richiesta di recupero, la risposta è stata convertita in JSON e ora il passaggio successivo è fare qualcosa con quei dati. Da qui, potremmo usare questi dati per popolare una fila di carte per ogni astronauta. Cosa fare con i dati è determinato da ciò che vuoi che la tua app ottenga.

Conclusione

Ricapitolando, abbiamo appreso che JSON è un oggetto utilizzato per archiviare i dati. Comunemente, quei dati provengono da un server come risposta a una richiesta di recupero. Abbiamo anche appreso che JavaScript viene fornito con un metodo json() che converte una risposta in JSON.

Per il front-end di qualsiasi applicazione da utilizzare i dati da un server, devono essere in formato JSON. Dopo aver convertito una risposta in JSON, siamo liberi di costruire tutto ciò che vorremmo attorno a quei dati. Per approfondire il metodo json() nelle richieste di recupero, fare riferimento a questa guida.