Dans ce formation en ligne, je vous propose d'étudier la technologie Ajax au travers du JavaScript moderne.
Pour cela, nous passerons en revue l'objet XMLHttpRequest.
Qu'est ce que le XMLHttpRequest et qu'allons nous apprendre dans ce tuto Javascript Moderne ?
Le XMLHttpRequest est un objet va nous permettre d'interagir avec un fichier contenant des données, de manière synchrone (c'est à dire, sans recharger une page).
L'Ajax est très utilisé sur les sites et applications modernes (car cette techno peut améliorer l'expérience utilisateur). Il est donc intéressant de maîtriser cette compétence et notamment l'objet XMLHttpRequest.
Une fois familiarisé avec la technologie Ajax, nous verrons comment lire et interpréter des données issues de fichiers. Nous ferons cela dans les 2 formats actuellement les plus utilisés : XML et JSON.
Je mets à votre disposition, l'ensemble des codes sources utilisés dans ce cours en vidéo. Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Pour améliorer vos connaissances en JavaScript moderne, je mets à votre disposition, une formation complète de plus de 13h00.
Table des matières de cette formation JavaScript, Ajax (durée : 1h45m)
-
Les bases de l'Ajax en JavaScript
- Instanciation de l'objet XMLHttpRequest 00:07:21
- Création d'un fichier data 00:06:45
- L'événement readystatechange 00:07:26
- Test d'affichage de la réponse 00:06:36
-
Plus loin avec Ajax en Javascript
- Créer un événement pour afficher le contenu de data.txt 00:04:32
- Mettre en place un loader 00:03:32
- Les différentes méthodes 00:06:12
-
Lire un fichier XML
- Création du fichier xml 00:06:05
- Lecture du fichier xml 00:07:25
- Lecture d'une donnée précise issue du fichier xml 00:05:03
- Affichage du contenu du fichier xml 00:10:21
-
Lire un fichier JSON
- Création du fichier json 00:03:41
- Lecture du fichier json 00:04:16
- Lecture d'une donnée précise issue du fichier json 00:03:12
- Affichage du contenu du fichier json 00:05:20
- Autre façon d'afficher du Json 00:01:53
-
Pour aller plus loin avec les méthodes
- La méthode POST 00:08:11
- La méthode PUT 00:03:20
- La méthode DELETE 00:02:33
-
Conclusion
- Conclusion 00:01:54
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Merci Carl pour ce tuto sur l'Ajax et le Json. Je m'étais toujours demandé dans la pratique comment l'erreur 404 fonctionnait, à présent je comprends beaucoup mieux. Le fait d'avoir suivi le JavaScript et le PHP avant, m'a quand même bien aidé. Tuto très intéressant. Validé 100 % Ajax.XMLHttpRequest
-
Comme d habitude , bien expliqué.
-
Toujours aussi efficace ! Super Tuto, j'invite vraiment ceux ou celles qui souhaitent se lancer dans la programmation de visualiser ces tutos car très bien expliqué et surtout on comprend et teste ce qu'on fait. Merci carl ! Je me lance sur REST.
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire
note moyenne
avis laissés