JSON -Introduction

De nombreux sites peuvent partager des données à l'aide de JSON, en plus des flux RSS de nos jours et avec raison : Le flux JSON peut être chargée de façon asynchrone beaucoup plus facilement que XML/RSS.

Exemple JSON


COURS tutoriel JSON Sélectionner le code

  <!doctype html>
  <html lang="fr">
  <head>
           <meta charset="UTF-8">
           <title>Exemple JSON</title>
           <link rel="stylesheet" href="styles.css"
  media="all">
  </head>
  <body>
  <h2>JSON Création d'objet en JavaScript</h2>
   
  <p>
  Nom cmplet: <span id="jnom"></span><br> 
  Age: <span id="jage"></span><br>
  Adresse: <span id="jrue"></span><br>
  Phone: <span id="jphone"></span><br>
  </p> 
   
  <script>
  var JSONObject = {
    "name":"John Johnson",
    "rue":"Oslo West 23",
    "age":35,
    "phone":"555 11223344"};
  document.getElementById("jnom").innerHTML=JSONObject.name 
  document.getElementById("jage").innerHTML=JSONObject.age 
  document.getElementById("jrue").innerHTML=JSONObject.rue 
  document.getElementById("jphone").innerHTML=JSONObject.phone 
  </script>
   
  </body>
  </html>

 

Tout comme XML

JSON est du texte brut

JSON est "autodescriptifs" (lisibles)

JSON est hiérarchiques (valeurs au sein de valeurs)

JSON peut être analysée par JavaScript

Données JSON peuvent être transportées en utilisant AJAX

Beaucoup de différences avec XML

Aucune balise de fin

Plus court

Plus rapide à lire et à écrire

Peut être analysée à l'aide de la fonction intégré eval() de JavaScript

Utilise des tableaux

Pas de mots réservés

Pourquoi JSON ?

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

À l'aide de XML

Chercher un document XML

Utiliser le DOM XML pour effectuer une boucle sur le document

Extraire des valeurs et les stocker dans des variables

À l'aide de JSON

Extraire une chaîne JSON

eval() la chaîne JSON

Par carabde 2 novembre 2014