Qu'est-ce que JSON? Vue d'ensemble d'un profane

Êtes-vous rattrapé par les dernières technologies Web? Connaissance de HTML non seulement pour les développeurs: 7 balises HTML que tout écrivain devrait connaître non seulement pour les développeurs: 7 balises HTML que tout écrivain devrait savoir Pour être commercialisable et flexible en ligne, il vous suffit de savoir comment formater un article HTML complet, ou comment ajuster les choses. Lire la suite est assez essentiel si vous voulez aller au-delà de simples activités Web telles que la navigation et la publication sur des forums. Ensuite, il y a des sujets plus avancés, comme CSS (apprenez-en plus ici: 5 étapes pour apprendre le CSS et comment devenir un kick-ass CSS Sorcerer. 5 étapes pour un apprentissage de CSS et pour devenir un CSS kick-ass. vu au cours de la dernière décennie, il a ouvert la voie à la séparation du style et du contenu. De manière moderne, XHTML définit la structure sémantique… En savoir plus), AJAX (pour en savoir plus, cliquez sur jQuery Tutorial (Part 5): AJAX, eux! Tutoriel jQuery (5ème partie): AJAX, c'est tout! Alors que nous approchons de la fin de notre série de mini-tutoriels jQuery, il est temps que nous examinions plus en profondeur l'une des fonctionnalités les plus utilisées de jQuery. communiquer avec… Lire la suite) et JSON.

Que vous envisagiez d’être un développeur Web ou non, il est judicieux de savoir au moins ce que JSON est, pourquoi il est important et pourquoi il est utilisé partout sur le Web aujourd'hui..

Qu'est-ce que JSON??

JSON signifie Notation d'objet JavaScript. C'est un format standard ouvert qui permet de transférer des données sur le Web à l'aide de paires attribut-valeur. Cela peut sembler un peu déroutant, alors approfondissons-le un peu plus.

Disons que j'ai un ballon et que vous voulez mon ballon. Une façon d'y parvenir serait de préparer le ballon et de vous l'envoyer par la poste. Mais une autre méthode serait de vous décrire la les attributs mon ballon, ce qui vous permettrait de recréer le même ballon sans avoir à envoyer le ballon physique.

Mon ballon pourrait avoir un Matériel attribut de valeur caoutchouc. Il pourrait avoir un Couleur attribut de valeur rouge. Il pourrait avoir un diamètre attribut de valeur dix pouces. Il pourrait avoir un gaz attribut de valeur hélium. Ces quatre paires attribut-valeur sont suffisantes pour vous permettre de visualiser mon ballon, à droite?

Voilà à peu près comment fonctionne JSON quand il transmet des données sur Internet.

A quoi sert JSON?

JSON n'a pas été le premier à utiliser des paires attribut-valeur comme moyen de transférer des données sur Internet. Les plus férus de technologie remarqueront peut-être que cela ressemble beaucoup à XML. En fin de compte, JSON et XML effectuent bon nombre des mêmes tâches. Alors, pourquoi choisir JSON sur XML??

Dans le web d'aujourd'hui, asynchrone le chargement des données est important. En d'autres termes, les pages Web veulent pouvoir charger de nouvelles données sans avoir à actualiser toute la page pour les obtenir. Cela se traduit par une expérience de navigation plus fluide et plus favorable. JSON est idéal pour envoyer et recevoir des données asynchrones, car il est simple et facile à utiliser..

Mais XML fait la même chose! Alors, pourquoi certaines personnes préfèrent-elles JSON??

Une réponse à cette question peut être trouvée dans le nom de JSON: Notation d'objet JavaScript. Il est reconnu nativement par JavaScript, qui est l’une des langues les plus populaires au monde. Comme JSON est un sous-ensemble de JavaScript, il n’ya que très peu d’apprentissage supplémentaire à faire une fois que vous connaissez JavaScript..

Une autre raison est que JSON est plus lisible que XML. Bien sûr, il est facile de s’habituer au XML après l’avoir utilisé pendant un certain temps, mais regarder un fichier XML peut être écrasant avec toutes ses balises et sa verbosité. JSON est plus propre, plus facile à comprendre pour les débutants et assez flexible avec ses types de données de base.

Découvrez ce que les créateurs de JSON ont à dire à propos de cette comparaison sur leur page JSON vs XML.

À quoi ressemble JSON?

JSON est simplement une série de paires attribut-valeur qui peuvent être imbriquées en elles-mêmes lorsque cela est nécessaire. Par exemple, si notre objet de données était une personne, cette personne pourrait être représentée par les données JSON suivantes:

Chaque ligne commence par un attribut suivi d'un colon, puis le valeur pour cet attribut. Cette valeur peut aussi être un tableau, comme on le voit avec le “les numéros de téléphone” attribut ci-dessus. La valeur peut également être une série de plusieurs paires attribut-valeur, que vous pouvez voir en action avec le “adresse” attribut. Ceci s'appelle un objet.

Pour comparaison, voici les mêmes données représentées par XML:

Conclusion

JSON n'est qu'un moyen de représenter des objets de données lors de leur transmission sur Internet. C'est une alternative à XML qui est native pour JavaScript, ce qui explique en partie pourquoi il est si populaire et répandu. L'utilisation la plus courante de JSON consiste à extraire des données de serveurs Web à la demande..

J'espère que vous avez maintenant une meilleure compréhension de JSON et de son utilisation dans le développement Web. Pour des informations complémentaires, la page JSON sur MDN est un excellent point de départ..

Crédits images: JSON magnifié via Shutterstock

En savoir plus sur: Programmation, Développement Web.