Voici le module 4 de JavaScript : AJAX et API.
Voici le module 4 de JavaScript : AJAX et API.
Introduction à AJAX
1. Définition : Asynchronous JavaScript and XML (JavaScript asynchrone et XML).
2. Rôle : Échange de données avec un serveur web sans recharger la page.
3. Avantages : Amélioration de l'expérience utilisateur, réduction du temps de chargement.
Objets XMLHttpRequest et Fetch
1. XMLHttpRequest : Objet pour envoyer des requêtes HTTP.
2. Fetch : Méthode moderne pour envoyer des requêtes HTTP.
3. Exemples :
// XMLHttpRequest
let xhr = new XMLHttpRequest();
[Link]('GET', '[Link] true);
[Link] = function() {
if ([Link] === 200) {
[Link]([Link]);
}
};
[Link]();
// Fetch
fetch('[Link]
.then(response => [Link]())
.then(data => [Link](data));
Méthodes HTTP
1. GET : Récupération de données.
2. POST : Envoi de données.
3. PUT : Mise à jour de données.
4. DELETE : Suppression de données.
5. Exemples :
// GET
fetch('[Link]
.then(response => [Link]())
.then(data => [Link](data));
// POST
fetch('[Link] {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: [Link]({ nom: 'Jean', age: 25 }),
})
.then(response => [Link]())
.then(data => [Link](data));
API (Application Programming Interface)
1. Définition : Ensemble de règles pour interagir avec un serveur web.
2. Types d'API : REST (Representational State of Resource), GraphQL.
3. Exemples d'API : OpenWeatherMap, GitHub.
Sécurité et bonnes pratiques
1. Validation des données : Vérification des données reçues.
2. Gestion des erreurs : Traitement des erreurs serveur.
3. Utilisation de HTTPS : Cryptage des données.
Exercices
1. Créer une requête GET avec XMLHttpRequest.
2. Envoyer des données avec la méthode POST et Fetch.
3. Créer une API REST simple.
4. Utiliser l'API OpenWeatherMap.
Ressources
1. Site officiel Mozilla : [Link]
2. Tutoriels W3Schools : [Link]
3. Livre "JavaScript et AJAX" de John Resig
4. Codecademy : [Link]
Étapes suivantes
1. Module 5 : Frameworks JavaScript (React, Angular, [Link]).
2. Projet personnel ou exercices supplémentaires.
3. Étude de la sécurité et des bonnes pratiques.
4. Apprentissage de technologies complémentaires (TypeScript, Webpack).
