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.

Connexion Inscription


Mots-clés associés

AJAX, API, HTML, JavaScript, jQuery, VueJS, web service


Classement

Live coding
Projets > Sites web