JavaScript : JSON, AJAX et les requêtes asynchrones

Connaître les différences entre JSON et un objet JavaScript

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
JSON étant du texte et les objets JavaScript étant des types, apprenez à récupérer des types dans un string JavaScript.
03:07

Transcription

La principale différence, et les points problématiques entre le JSON et le JavaScript, c'est qu'un objet JavaScript en soi, il a des types, alors je m'explique. Par exemple, 30 qu'on a ici là, c'est une chaîne de caractères, et pourtant, ce qu'on aimerait plutôt récupérer, ce serait pas ici une chaîne de caractères mais ce serait un vrai nombre. Là, on va être embêté parce que ça veut dire que pour récupérer un vrai nombre ici, il va falloir le transformer, il va falloir qu'on fasse ici notre « parse », là je vais faire simplement ma « var user » va être « = JSON.parse », du coup, mon « user » ici, si je fais son âge par exemple, je veux récupérer son âge, « age », alors c'est pas « user.age », si, c'est « user.age », ah oui, il faut qu'on fasse bien sûr un « JSON.parse », pardon, donc pour la variable, vous mettez bien le premier élément, sinon ça ne marchera pas, mettez bien le premier élément, « user.age "30" ». Bon, du coup, on va être embêté, on veut pas « user.age "30" », nous on veut « user.age "30" » pas une « string », mais on veut du chiffre. Alors il va falloir qu'on utilise par exemple « parse.Int » pour récupérer un « user.age » qui soit valide en JavaScript, et qui soit du coup, voilà, un vrai chiffre. Pareil pour les booléens. J'ai fait exprès de rajouter ici une propriété « "active": "true" », et quand vous regardez en fait ici le « user.active », après avoir fait un un « parse », on voit que « true », c'est une chaîne de caractères. Nous, ce qu'on veut, c'est pas une chaîne de caractères, c'est un booléen, donc on va devoir retourner « user.active === "true" », par exemple, pour récupérer ici un booléen, et là, on va se retrouver avec un booléen. Ça veut dire qu'on va avoir quand même une petite moulinette à mettre en place quand on va récupérer de l'information pour retransformer toutes les valeurs qui proviennent d'un web-service, et qui, au final, vont être automatiquement de la « string » vers des vraies valeurs objet. La différence entre le JSON et l'objet JavaScript, c'est les types. On va avoir d'un côté un objet qui a des vrais types qui sont un peu imposés par JavaScript, qui vont nous permettre de travailler avec de la donnée qui sera plus ou moins typée, parce que vous savez que JavaScript n'est pas fortement typé, mais pour le coup, on va quand même avoir quelques types, et du coup, de la donnée qui a du texte pur, qui provient d'un web-service. Ne vous inquiétez pas, quand on va utiliser des librairies, les librairies feront ça pour nous, c'est-à-dire que quand on va remonter l'information, et que ce sera une chaîne de caractères comme ça, on aura pas besoin de s'amuser à travailler nous-même la donnée. Elle sera automatiquement « parsée », elle sera automatiquement transformée en booléen si c'est des booléens, tout ça va se faire automatiquement, il n'y aura pas de problème. Cela dit, faites attention à ça, si vous faites des requêtes tous seuls et à la main, il faudra quand même travailler un petit peu la donnée quand vous la récupérez, et pour ça, pourquoi pas, on pourrait mettre en place un « map » sur les objets pour faire tourner les différentes propriétés et retransformer la data, c'est faisable, les librairies le font déjà pour vous, ne vous embêtez pas avec ça, mais gardez à l'esprit que la principale différence entre du JSON qui est du texte, c'est du texte en fait, purement, et un objet, c'est que l'objet, il a des types sur ses différentes valeurs, et que c'est pas forcément le cas d'un format qui est du format texte, ni plus ni moins, même si il est structuré, ça reste du texte pur, et c'est pas de l'objet à proprement parler en JavaScript tant qu'on ne l'a pas transformé en objet.

JavaScript : JSON, AJAX et les requêtes asynchrones

Découvrez les requêtes asynchrones en Javascript avec le format JSON et la norme AJAX. Assimilez les techniques du développement d’applications web en single-page.

2h03 (30 vidéos)
Aucun commentaire n´est disponible actuellement

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !