Forum | Derniers tutoriels de développement web
 

JSON Tutorial

JSON: JavaScript Object Notation.

JSON est une syntaxe pour stocker et échanger des données.

JSON est une alternative plus facile à utiliser au format XML.


L'exemple JSON suivant définit un objet personnel, avec un tableau de 3 dossiers des employés:

JSON Exemple

{"employees":[
    {"firstName":"John", "lastName":"Doe"},
    {"firstName":"Anna", "lastName":"Smith"},
    {"firstName":"Peter", "lastName":"Jones"}
]}

L'exemple XML suivant définit également un objet employés avec 3 dossiers des employés:

XML Exemple

<employees>
    <employee>
        <firstName>John</firstName> <lastName>Doe</lastName>
    </employee>
    <employee>
        <firstName>Anna</firstName> <lastName>Smith</lastName>
    </employee>
    <employee>
        <firstName>Peter</firstName> <lastName>Jones</lastName>
    </employee>
</employees>

Qu'est-ce que JSON?

  • JSON signifie JavaScript Object Notation
  • JSON est un format de données d'échange léger
  • JSON est indépendant du langage *
  • JSON est "auto-description" et facile à comprendre

* JSON utilise la syntaxe JavaScript, mais le format JSON est un texte que, tout comme XML.
Le texte peut être lu et utilisé en tant que format de données en n'importe quel langage de programmation.


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 sont "auto décrivant" (lisible par l'homme)
  • Les deux JSON et XML sont hiérarchiques (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