Nous mettrons à jour notre Politique de confidentialité prochainement. En voici un aperçu.

JavaScript : JSON, AJAX et les requêtes asynchrones

Appréhender JSON

Testez gratuitement nos 1336 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
JSON est un format d'échange de données, très utilisé et facile à écrire. Dans cette séquence, vous verrez où trouver de la documentation.
03:52

Transcription

Alors, on va parler de JSON, et quand on parle de JSON, on parle d'API. Mais qu'est-ce que ça veut dire API ? On fait une API, c'est un service web, Web Service sur lequel vous allez simplement effectuer des requêtes et recevoir de l'information. Donc, requête-réponse, c'est assez classique, on va ouvrir comme ça le panneau de développeur, et puis on va juste recharger. Alors, vous verrez qu'effectivement, quand je vais charger cette page, je vais effectuer des appels. Alors là, en l'occurrence, tous les appels qu'on a à cet endroit-là, sont vraiment ici que des appels vers des librairies par exemple, c'est du code JavaScript, ou alors vers des images, mais à l'intérieur, peuvent être mélangés des formats JSON que l'on va recevoir, et qui vont nous donner de l'information. Alors, si on a des appels qui sont des appels asynchrones qui nous permettent de récupérer du JSON, on aura donc un fichier qui sera du texte, ni plus ni moins, puisque le JSON est du texte pur, et qui nous permettra de décrire en fait des structures. JSON nous permet de décrire des structures de données. Pour vous documenter et pour aller plus loin, je vous conseille le très bon site « jsonapi.org » qui s'est mis en tête de mettre en place une spécification pour créer des API en JSON. Alors, ici ce qui est bien, c'est que vous allez avoir plein d'exemples concrets, vous allez voir qu'effectivement, voilà, JSON nous permet, eh bien, de décrire des structures, nous permet de travailler avec une structure de données qui va être en fait uniquement que de la data, et cette data-là, on va la décrire, on va lui dire, voilà ce que ça donne, et voilà ce que l'on veut recevoir, et comment sont constitués mes objets. On va le voir ensemble ensuite, puisqu'on va écrire ensemble un fichier de données en JSON, mais il faut essayer de bien comprendre que ce n'est qu'un format d'échange, et des formats d'échange, il en existe plein, XML, on a du JSON évidemment, on a plein plein plein de formats d'échange qui existent, et les Web Service sont tous différents. Cela-dit, ce format est en train de s'imposer comme un format qui va devenir quelque chose de très important pour le web, pour la simple et bonne raison qu'il s'interface extrêmement bien avec JavaScript. C'est-à-dire que ça, ce format que vous avez là, qui ressemble un petit peu à un objet mais qui n'en est pas vraiment un, et on verra les différences ensemble, eh bien, ce format est lisible par le JavaScript, et on peut le décoder en JavaScript facilement et travailler avec. Vous verrez, on regardera quelles sont les méthodes qui nous permettent de travailler et donc de décoder un JSON pour en faire un objet, puisqu'il y a bien sûr des méthodes dans JavaScript de bases, mais en tout cas ici, vous avez déjà une première vue de ce que ça donne. Là, vous remarquez bien que on a par exemple une définition de « links », avec à l'intérieur, des liens, le lien actuel, le lien précédent, le lien prochain, et puis ensuite on a de la data qui va décrire des types de données avec des identifiants, des attributs pour la donnée, des relations si on en a. Vous voyez que c'est vraiment une façon de décrire en fait un modèle objet en texte, purement en texte, et ça, c'est extrêmement utilisé dans plein de technos. Vous avez notamment, même en PHP des très bonnes plateformes en PHP qui permettent de générer du JSON, je vais vous en donner une comme ça, c'est « API Plateform ». API Plateform, c'est un projet qui est en symphonie, c'est du PHP pour le coup, et qui nous permet de définir des entités, et à la fin, de récupérer du JSON. Alors, on vous le met ici, ça supporte le JSON, ça supporte le HAL, l'Hydra, donc tout ça, c'est des formats JSON différents, et ça supporte aussi si on le souhaite, d'autres formats de sortie. Pour le coup après, ce qui est bien avec ce genre de site, c'est que voilà, vous pouvez aller regarder le « JSON for Linking Data » qui aussi, est une norme particulière qui permet de relier entre elles, eh bien, différentes ressources, et tout ça n'est que du texte avec un format JSON de base qui permet d'aller plus loin, et qui permet d'échanger avec tout type de système. Donc le JSON, gardez en tête que c'est du texte formaté avec un format bien particulier qui permet de faire de échanges de données, et qui en plus de ça, est utilisable extrêmement facilement dans JavaScript.

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 !