oujood.com

JSON -Introduction tutoriel pour comprendre Json

JSON est l'abréviation de JavaScript Object Notation JSON et est un moyen de stocker des informations de manière organisée
Ce tutoriel a été conçu pour aider les débutants à comprendre les fonctionnalités de base de la notation d'objet JavaScript (JSON) pour développer le format d'échange de données. Après avoir terminé ce tutoriel, vous aurez une bonne compréhension de JSON et de la façon de l'utiliser avec JavaScript, Ajax et PHP.
Alors n'hesitez pas suivez ce tutoriel jusqu'au dernier chapitre.

chercher |

Exemple JSON

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.
JSON est un acronyme de JavaScript Object Notation
JSON est un langage de texte pour le stockage et le transport de données.
JSON est " auto-descriptif " et facile à comprendre.

Voici un exemple avec une chaîne JSON.
{"name":"John John","adresse":"paris Nord 22","age":45,"phone":"+33 668 743 023"}
Cette chaîne définit un objet avec 4 propriétés :
nom, adresse, âge et téléphone
Chacune de ces propriétés a une valeur.

Si vous interprétez la chaîne JSON avec un programme JavaScript, vous pouvez accéder aux données sous forme d'objet
var JSONObject = {"name":"John John","adresse":"paris Nord 22","age":45,"phone":"+33 668 743 023"};
Et voila je vous ai mis un code d'une age web qui contien le code javascript qui interpréte l'objet json.
Ne vous inquiétez pas nous allons apprendre dans les articles à venir comment le faire.

Exemple :       Copier 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="jadresse"></span><br>
  Phone: <span id="jphone"></span><br>
  </p> 
   
  <script>
  var JSONObject = {"name":"John John","adresse":"paris Nord 22","age":45,"phone":"+33 668 743 023"};
  document.getElementById("jnom").innerHTML=JSONObject.name 
  document.getElementById("jage").innerHTML=JSONObject.age 
  document.getElementById("jadresse").innerHTML=JSONObject.adresse 
  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 utiliser JSON ?

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

Le format JSON est syntaxiquement similaire au code de création des objets JavaScript. De ce fait, un programme JavaScript peut facilement convertir des données JSON en objets JavaScript.
Comme le format est uniquement textuel, les données JSON peuvent facilement être envoyées entre ordinateurs et utilisées par n'importe quel langage de programmation.
JavaScript dispose d'une fonction intégrée pour convertir les chaînes JSON en objets JavaScript :
JSON.parse()
JavaScript dispose également d'une fonction intégrée pour convertir un objet en une chaîne JSON :
JSON.stringify()
Vous pouvez recevoir du texte pur d'un serveur et l'utiliser comme un objet JavaScript.
Vous pouvez envoyer un objet JavaScript à un serveur au format texte pur.
Vous pouvez travailler avec des données sous forme d'objets JavaScript, sans analyse syntaxique ni traduction compliquées.

Par carabde 2 novembre 2014

Voir aussi nos tutoriel :

L'Attribut dropzone

Spécifie si les données déplacées sont copiées, déplacées ou liées, alors ignorés

:first-letter

Ajoute un style pour le premier caractère d'un texte

Balise optgroup

Définit un groupe d'options liées dans une liste déroulante