Gli ultimi tutorial di sviluppo web
 

JSON - Introduzione


JSON - Valuta di oggetti JavaScript

Il formato JSON è sintatticamente identico al codice per la creazione di oggetti JavaScript.

A causa di questa somiglianza, invece di utilizzare un parser (come XML fa), un programma JavaScript può utilizzare le funzioni standard di JavaScript per convertire i dati JSON in oggetti nativi JavaScript.


Prova tu stesso

Con il nostro editor, è possibile modificare il codice JavaScript in linea e fare clic su un pulsante per visualizzare il risultato:

JSON Esempio

<!DOCTYPE html>
<html>
<body>

<h2>JSON Object Creation in JavaScript</h2>

<p id="demo"></p>

<script>
var text = '{"name":"John Johnson","street":"Oslo West 16","phone":"555 1234567"}';

var obj = JSON.parse(text);

document.getElementById("demo").innerHTML =
obj.name + "<br>" +
obj.street + "<br>" +
obj.phone;
</script>

</body>
</html>
Prova tu stesso "

Proprio come XML Perché

  • Sia JSON e XML è "auto che descrive" (leggibile)
  • Sia JSON e XML è gerarchica (valori entro i valori)
  • Sia JSON e XML possono essere analizzati e utilizzati da un sacco di linguaggi di programmazione
  • Sia JSON e XML possono essere recuperati con un XMLHttpRequest

Molto A differenza di XML Perché

  • JSON non fa uso di tag di chiusura
  • JSON è più breve
  • JSON è più veloce a leggere e scrivere
  • JSON può usare array

La differenza più grande è:

XML deve essere analizzato con un parser XML, JSON può essere analizzato da una funzione JavaScript standard.


Perché JSON?

Per le applicazioni AJAX, JSON è più veloce e più facile di XML:

Utilizzo di XML

  • Fetch un documento XML
  • Utilizzare il DOM XML per scorrere il documento
  • valori estrarre e memorizzare nelle variabili

utilizzando JSON

  • Fetch una stringa JSON
  • JSON.parse la stringa JSON