JavaScript : JSON, AJAX et les requêtes asynchrones

Découvrir l'objet de requête simple

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Initiez-vous à l'objet XMLHttpRequest. Vous découvrirez qu'il est employé en permanence par les librairies, et qu'il est à la base de toute requête Ajax.
03:09

Transcription

Nous allons parler de notre bon vieil ami XMLHttpRequest. Pourquoi est-ce que je dis vieil ami ? Parce que aujourd'hui, c'est vrai qu'on utilise beaucoup de librairies en fait qui viennent par dessus XMLHttpRequest, mais il faut quand même savoir d'où ça vient tout ça. XMLHttpRequest est un objet qui a été écrit par Microsoft et adopté après par la plupart en fait, des navigateurs, et qui permet de faire des requêtes asynchrones, en fait, les requêtes asynchrones sont basées sur XMLHttpRequest. On l'abrège souvent en XHR, tiens, ça vous reppelle quelque chose ou pas ? Regardez, on va ouvrir le navigateur, et puis on va aller sur le network-là. Et regardez, « XHR and Fetch », ici, si vous mettez un filtre que sur les requêtes XHR, vous n'aurez que les requêtes XMLHttpRequest, XHR. Ça, c'est faisable, comme ça, vous saurez si un site envoie des requêtes asynchrones ou pas. C'est un objet qu'on va largement utiliser qui un objet qui permet de faire des requêtes, mais qui est compliqué à utiliser. Alors bon, vous allez le voir après, on va créer un objet, on va l'utiliser, on va voir comment on fait pour effectuer une requête avec, donc il n'y a pas mal de petits exemples sur Wikipédia. Il y en a un petit peu plus sur la documentation de Mozilla qu'on va regarder après, qui vraiment eux, nous donnent beaucoup d'informations sur comment l'utiliser, comment on va pouvoir traiter une requête avec, la plupart du temps, vous ne le ferez pas. Soyons clair, vous allez utiliser une API, vous allez utiliser une librairie pour le faire, vous allez utiliser quelque chose de structuré, d'un peu plus sympa à utiliser, et c'est vrai que savoir d'où ça vient, c'est important pour la suite. Tout ce que vous ferez en Ajax, pour traiter du JSON, pour récupérer de la data, pour appeler un serveur, ou n'importe quoi, ça sera toujours du XMLHttpRequest. Toujours, donc, il faut connaître ça. Sachez que ça a été donc créé par Microsoft, et là-bas, c'était un objet ActiveX pour Internet 5.0 en Septembre 98, ça nous rajeunit pas, et bien sûr, il a été implémenté ensuite par Mozilla, Safari, Konqueror, Opera, il est devenu référence du W3C, donc ça fait partie en fait maintenant vraiment de la norme, c'est commun de faire de la requête Ajax, clairement aujourd'hui, on fait beaucoup beaucoup de requêtes Ajax. Alors, ce qui est intéressant, c'est que vous verrez aussi des articles connexes ici, Ajax évidemment bien sûr, et puis les WebSocket. Alors, les WebSocket, faites attention, c'est complètement différent, les WebSocket, c'est pas du tout de la requête Ajax, c'est presque même pas de l'asynchrone, on pourrait plutôt considérer ça comme un appel « live » avec un serveur, c'est donc cet onglet ici si vous voulez vérifier les WebSocket. Alors, sachez que quand vous voulez voir comme ça avec votre console ce qui se passe, vous choisissez un filtre, et puis vous rechargez la page, et là, vous aurez ici les requêtes asynchrones, si toutefois il y en a. Les web-service si toutefois il y en a. Bon là, en l'occurrence, sur ce site-là, on n'a pas de web-service, il n'y a pas en tout cas d'appels Ajax qui sont effectués, tout est compilé avant d'arriver dans la page, mais assez fréquemment, vous trouverez beaucoup de sites où vous avez effectivement des requêtes qui sont faites en XHR, donc pensez à utiliser ce filtre-là pour pouvoir les voir, et documentez-vous un petit peu sur cet objet, bien que de toute façon, on va le démystifier, on va regarder ensemble comment l'utiliser, et on va mettre en place une petite requête asynchrone.

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 !