Réalisation d'une requête AJAX en POST

Développer un formulaire dynamique avec Ajax
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Javascript
Revoir le teaser Je m'abonne
4,5
Transcription

49,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
4,5
49,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Comprendre comment effectuer une requête AJAX en POST et savoir gérer les données de formulaires pour les envoyer au serveur.

Apprenez à réaliser une requête AJAX en POST avec JavaScript, étape par étape.

Effectuer une requête AJAX en POST est une compétence essentielle pour les développeurs web. Dans cette leçon, nous explorons comment réaliser cette opération en modifiant un formulaire existant et en utilisant JavaScript pour envoyer les données au serveur. La première étape consiste à renommer et ajuster les fichiers HTML et JavaScript. Ensuite, nous ajoutons un formulaire avec la méthode POST, incluant des champs de saisie et un bouton de soumission. Une fois le formulaire prêt, nous récupérons son élément via document.getElementById et écoutons l'événement submit afin de lancer notre requête AJAX. Nous utilisons XMLHttpRequest pour envoyer les données, en spécifiant un header de requête pour indiquer le type de contenu. Enfin, nous affichons les données reçues sur le serveur, assurant ainsi la bonne transmission des informations.

En suivant ces étapes, vous pourrez facilement mettre en œuvre des requêtes AJAX en POST pour vos projets web.

Voir plus
Questions réponses
Quelle méthode JavaScript est utilisée pour capturer l'événement de soumission du formulaire?
La méthode utilisée est document.getElementById('myform').addEventListener('submit', handler);.
Pourquoi est-il nécessaire d'utiliser la méthode <code>preventDefault()</code> dans un formulaire AJAX?
La méthode preventDefault() est utilisée pour empêcher l'action par défaut du navigateur qui est de soumettre le formulaire et recharger la page, afin de pouvoir gérer la soumission avec AJAX.
Comment spécifie-t-on le type de contenu des données envoyées dans une requête POST en JavaScript?
On spécifie le type de contenu des données envoyées en utilisant la méthode setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');.

Programme détaillé

4 commentaires
4,5
4 votes
5
4
3
2
1
nicolas.braud
Il y a 2 ans
Très bonne formation ; j'ai eu des difficultés avec la partie AJAX pour installer les hôtes virtuels d'un point de vue technique, mais on peut y arriver quand même à l'aide de tuto. les documents présentés en slide seraient appréciés pour les utiliser a posteriorir.
fguibert47
Il y a 2 ans
Bonjour, Excellente formation. Très bien faite. Alain Beauvois est un très bon professeur !! Elle correspond tout à fait à ce que j'attendais. Merci.
amercadie
Il y a 2 ans
Excellente formation. Des cours progressifs et très clairs.
david.coilot
Il y a 3 ans
très bonne formation !!