Latest web development tutorials

L'introduzione di JSON

Esempi online

Con il nostro editor, è possibile in linea modificare il codice JavaScript, e quindi visualizzare i risultati facendo clic su un pulsante:

Esempi di JSON

<!DOCTYPE html>
<html>
<body>
<h2>JSON Object Creation in JavaScript</h2>

<p>
Name: <span id="jname"></span><br />
Age: <span id="jage"></span><br />
Address: <span id="jstreet"></span><br />
Phone: <span id="jphone"></span><br />
</p>

<script>
var JSONObject= {
"name":"John Johnson",
"street":"Oslo West 555",
"age":33,
"phone":"555 1234567"};
document.getElementById("jname").innerHTML=JSONObject.name
document.getElementById("jage").innerHTML=JSONObject.age
document.getElementById("jstreet").innerHTML=JSONObject.street
document.getElementById("jphone").innerHTML=JSONObject.phone
</script>

</body>
</html>


Prova »
Fare clic sul pulsante "Prova" per visualizzare l'istanza on-line.


In comune con XML

  • JSON è un testo
  • JSON "auto-descrittivo" (leggibile)
  • JSON con una struttura gerarchica (esiste valore di valore)
  • JSON può essere analizzato da JavaScript
  • dati JSON possono essere trasmessi utilizzando AJAX

E si differenzia XML

  • No tag di chiusura
  • minore
  • Leggi più veloce
  • È possibile utilizzare il metodo built-in JavaScript eval () per analizzare
  • usando gli array
  • Non utilizzare una parola riservata

Perché usare JSON?

Per le applicazioni AJAX, JSON su XML più veloce e più facile da usare:

Usa XML

  • Leggere i documenti XML
  • Utilizzare DOM XML per attraversare la circolazione del documento
  • E leggere il valore memorizzato nella variabile

utilizzando JSON

  • Leggi stringhe JSON
  • Utilizzare eval () elaborazione delle stringhe JSON