16,00 au lieu de 23,00

Tuto JavaScript moderne avancé - AJAX. XMLHttpRequest avec JavaScript, Ajax opération spéciale -30% jusqu'au 02 octobre, 23:59

16,00 au lieu de 23,00

  • Une formation vidéo de 1h45m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
JavaScript moderne avancé - AJAX. XMLHttpRequest

ajouter ce cours aux favoris retirer ce cours des favoris

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



Formateur : Carl Brison

Carl Brison a publié 321 tutoriels et obtenu une note moyenne de 4,9/5 sur 18 830 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

5,0
note moyenne

9
avis laissés
5 étoiles
9
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de devfront_45 laissé le 25/07/2023
    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
    "Merci beaucoup pour votre commentaire très gentil, Alain ;-)"

  • 5
    avis de bilcoyotte laissé le 28/09/2022
    Comme d habitude , bien expliqué.

  • 5
    avis de joemaster laissé le 23/08/2022
    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
Parcours Developpeur Front End
accédez à plus de 1448 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données