Derniers tutoriels de développement web
 

JSON - Introduction


JSON - Évalue à JavaScript Objets

Le format JSON est syntaxiquement identique au code pour créer des objets JavaScript.

En raison de cette similitude, au lieu d'utiliser un analyseur (comme XML fait), un programme JavaScript peut utiliser les fonctions standard JavaScript pour convertir les données JSON en objets JavaScript natifs.


Essayez-le vous-même

Avec notre éditeur, vous pouvez modifier le code JavaScript en ligne et cliquer sur un bouton pour voir le résultat:

JSON Exemple

<!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>
Essayez - le vous - même »

Tout comme XML Parce que

  • Les deux JSON et XML est "auto décrivant" (lisible par l'homme)
  • Les deux JSON et XML est hiérarchique (valeurs dans les valeurs)
  • Les deux JSON et XML peuvent être analysées et utilisées par de nombreux langages de programmation
  • Les deux JSON et XML peuvent être récupérés avec un XMLHttpRequest

Une grande partie Contrairement XML Parce que

  • JSON ne pas utiliser la balise de fin
  • JSON est plus courte
  • JSON est plus rapide à lire et à écrire
  • JSON peut utiliser des tableaux

La plus grande différence est la suivante:

XML doit être analysé avec un analyseur XML, JSON peut être analysé par une fonction JavaScript standard.


Pourquoi JSON?

Pour les applications AJAX, JSON est plus rapide et plus facile que XML:

Utilisation de XML

  • Récupère un document XML
  • Utilisez le DOM XML en boucle à travers le document
  • valeurs extraire et stocker des variables

Utilisation de JSON

  • Récupère une chaîne JSON
  • JSON.parse la chaîne JSON