Qu'est-ce que JSON? Présentation 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. est pratiquement indispensable si vous souhaitez 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 à suivre pour apprendre le CSS et devenir un Kick-Ass CSS Sorcerer. 5 étapes à suivre pour apprendre le CSS et 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…), AJAX (en savoir plus ici. Tutoriel jQuery (5ème partie): Tutoriel AJAX! Tutoriel jQuery (Partie 5): AJAX, eux tous! Alors que nous approchons de la fin de notre série de mini-tutoriels jQuery, il est temps que nous examinions plus en détail l'une des fonctionnalités les plus utilisées de jQuery. AJAX permet à un site Web de communiquer avec …) 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. Il s’agit d’un format standard ouvert permettant 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 lorsqu'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 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 si 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.

À titre de 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 sa popularité et sa popularité. 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