11528 sujets

JavaScript, DOM et API Web HTML5

Bonjour je suis un nouveau membre du forum, j'espère recevoir votre attention. Quelqu'un peut-il me conseiller sur la façon d'utiliser l'API avec JavaScript? J'ai beaucoup recherché, mais je n'ai pas trouvé de solution spécifique, j'espère que ce forum me répondra plus en détail, merci.
Modifié par _laurent (18 Jun 2021 - 11:09)
Salut,

Une API est un service web fournissant des données, généralement sous la forme d'un Json.
Il suffit de faire une requête sur une url et en retour tu obtiens les informations demandées.

Voici un petit exemple d'usage avec la méthode fetch de JS, mais tu pourrais le faire avec d'autres méthodes AJAX comme XMLHttpRequest ou jQuery.ajax().
Nous allons simplement faire une requête sur l'url: https://api.ipify.org/?format=json afin de récupérer l'IP publique de ta connexion.
Ce qui te renvoi un json de cette forme:
ip:	"81.73.212.71"


Voici le code JS pour récupérer les données du json, on va afficher le résultat dans un console.log:

// ici on va appeler la fonction getPublicIp() au chargement du DOM
document.addEventListener('DOMContentLoaded', function () {

	getPublicIp();

});
// fecth étant asynchrone, on utilise une fonction async
const getPublicIp = async function () {
// ResponseData est ici la réponse complète brut 
	const ResponseData = await fetch('https://api.ipify.org/?format=json');
// Response est ici la réponse au format json
	const Response = await ResponseData.json();
// ici on affiche juste l'objet 'ip' de la réponse
	console.log(Response.ip);

};


Si tu veux des exemples plus complets et avec d'autres méthodes n'hésites pas Smiley smile