Comment utiliser AJAX depuis JavaScript pour afficher des données provenant d'une API externe
- 01/02/2022 - 2 heures 47 minutes - Patrick Prémartin
Devant donner un cours de programmation JavaScript sur l'utilisation d'Ajax pour accéder à des données en ligne depuis une page web et comment les utiliser pour en modifier le contenu, j'ai créé des exemples lors d'une session de live coding sur ma chaîne Twitch.
Dans cette session vous verrez comment utiliser XMLHttpRequest, Fetch API et jQuery pour accéder à l'API de Delphi Books et comment afficher les réponses en génération de code HTML depuis JavaScript (natif) ou jQuery, puis avec VueJS et enfin en utilisant jQuery sur un template HTML.
La session complète est visible ici mais vous pouvez aussi vous contenter des extraits concernant chaque techno :
- Faire de l'AJAX en JavaScript avec XMLHttpRequest
- Faire de l'AJAX en JavaScript avec FetchAPI
- Faire de l'AJAX en JavaScript avec Fetch API et VueJS pour l'affichage
- Faire de l'AJAX en JavaScript avec jQuery
- Faire de l'AJAX en JavaScript avec jQuery et un template HTML
Les codes sources des exemples sont présents sur ce dépôt de code.
Certaines informations n'ont pas été affichées. Vous devez vous connecter pour y accéder.
Mots-clés associés
AJAX, API, HTML, JavaScript, jQuery, VueJS, web service
Classement
Live coding
Projets > Sites web
