Latest web development tutorials

Présentation de JSON

exemples en ligne

Avec notre éditeur, vous pouvez modifier en ligne le code JavaScript, puis afficher les résultats en cliquant sur un bouton:

Exemples de 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>


Essayez »
Cliquez sur le bouton "Essayer" pour afficher l'instance en ligne.


En commun avec XML

  • JSON est un texte
  • JSON "auto-descriptif" (lisible par l'homme)
  • JSON avec une structure hiérarchique (valeur de valeur existe)
  • JSON peut être analysé par JavaScript
  • données JSON peuvent être transmises en utilisant AJAX

Et XML diffère

  • Aucune balise de fin
  • Shorter
  • Lire plus rapide
  • Vous pouvez utiliser la méthode intégrée JavaScript eval () pour analyser
  • Utilisation des tableaux
  • Ne pas utiliser un mot réservé

Pourquoi utiliser JSON?

Pour les applications AJAX, JSON sur XML plus rapide et plus facile à utiliser:

Utiliser XML

  • Lire des documents XML
  • Utilisez DOM XML pour parcourir la circulation des documents
  • Et lire la valeur stockée dans la variable

Utilisation de JSON

  • Lire les chaînes JSON
  • Utiliser eval () traitement de chaîne JSON