Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

JavaScript : JSON, AJAX et les requêtes asynchrones

Découvrir les promesses JavaScript

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Avec les promesses JavaScript, vous enchaînerez les actions en toute simplicité, avec une syntaxe propre et compréhensible.
03:43

Transcription

Alors, vous l'avez vu là, pour le moment, ça va, c'est assez court, on n'a pas grand chose à faire avec la réponse. On reçoit une réponse, on la traite directement, et puis c'est tout. Imaginons qu'on ait ici plusieurs, en fait, « Callback », c'est-à-dire que la première fois, je vais du coup, agir avec une « successCallback » qui, elle, va en appeler une autre qui peut-être, va en appeler une autre, puis ensuite une autre. On va rentrer dans ce qu'on appelle la pyramide de « Doom », « Pyramid of Doom » qui en fait, est une succession de « Callback » imbriquées les unes dans les autres pour traiter de la donnée, et ça, il faut absolument pas le faire, pourquoi ? Parce que d'abord, ça va être extrêmement long, on va avoir des problème pour gérer les différents événements, et puis en plus de ça, vous allez vous retrouver avec un code absolument horrible. On verra tout à l'heure en utilisant une librairie qui s'appelle « bluebird », qu'on a un exemple sur « bluebird » qui nous explique comment ça fonctionne, et comment on peut éviter de faire ce genre de chose. Nous, on va d'abord dans un premier temps comprendre ce que c'est qu'une promesse, une « promise », en JavaScript. Alors c'est un système qui a été mis en place et qui permet de lever en fait une promesse, de dire OK, je vais m'attendre à quelque chose, du coup, je ne sais pas quand ça va arriver, et c'est le cas généralement avec un appel Ajax, puisque vous allez appeler un serveur, mais vous ne savez pas quand il va vous répondre. D'ailleurs, dans le code, vous ne pouvez pas la résoudre tout de suite non plus, c'est-à-dire que c'est pas possible de résoudre instantanément quelque chose qui est dans le temps. C'est-à-dire que vous allez appeler le serveur, et attendre une réponse. Pour ça, on a un système de promesses. On met donc en place une promesse, cette promesse va s'exécuter, et puis quand cette promesse va être terminée, elle va soit être terminée correctement, c'est-à-dire qu'à ce moment-là, on va pouvoir envoyer quelque chose d'autre, et donc continuer comme ça, à chaîner les informations, ou alors elle va être rejetée, et à ce moment-là, on va pouvoir aussi agir en disant que ça a été rejeté, qu'est-ce que je fais dans le cas où c'est rejeté. C'est un système un tout petit peu plus évolué que la « Callback », finalement, c'est de la « Callback », mais c'est de la « Callback » qui va s'enchaîner proprement avec une vrai API très très propre. Alors bien sûr, tout ça, ça provient de base de la « Callback », et on va quasiment à chaque fois sur les librairies de promesses, avoir bien évidemment une possibilité de résoudre la promesse, de la rejeter avec un cas particulier, et bien sûr de pouvoir chaîner. Alors, le chaînage se fait la plupart du temps avec un mot que vous retrouverez quasiment partout, qui s'appelle « then », donc après, qu'est-ce que je fais après une fois que c'est terminé. Et on a également le mot « catch » qui va nous permettre de « catcher » les erreurs, donc de récupérer les erreurs, de les écouter, et si tant est, il y a une erreur, de faire quelque chose derrière. Alors, bien sûr, on vous montrera des petits exemples avec « promise » qui est en fait finalement de l'« ECMAScript 6 » qui a été implémenté en « ECMAScript 6 », qui vous permet de démarrer une nouvelle promesse, d'attendre que cette promesse soit résolue, et de câbler surtout, le moment où vous allez la résoudre. Ici, par exemple, on pourrait résoudre la promesse au bout d'un certain temps, donc sur un « timeout » par exemple, et puis, on aurait quelque chose qui va ensuite s'enchaîner derrière, puisqu'on va pouvoir câbler des « then », et on va pouvoir dire OK, une fois que c'est terminé, donc tu vas faire ça, vous voyez, ici par exemple, « then », on fait quelque chose avec une fonction à l'intérieur, et on peut recâbler derrière un « then », c'est-à-dire que vous pouvez les enchaîner. La seule chose à faire, c'est que si vous enchaînez les « then », il faut retourner sur le premier « then » quelque chose pour la prochaine, pour qu'elle puisse le consommer. On va pouvoir enchaîner les uns derrière les autres avec quelque chose de très propre. Ça nous permet aussi de gérer les latences sur de l'asynchrone, ça nous permet également d'obtenir un code plus clair, bref, c'est vraiment quelque chose à faire. Si vous codez en asynchrone, et si vous regardez cette formation, c'est que vous allez le faire très certainement, utilisez les promesses plutôt que d'avoir à chaîner comme ça, à l'intérieur deux « Callback », les unes derrières les autres, c'est pas très propre, au moins là, vous définirez chaque « Callback » et ce qu'elle doit faire sur la donnée, et vous viendrez câbler des « then » proprement pour enchaîner vos différentes fonctionnalités.

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 !