Utilisation d'un API + AJAX
L'idée est de faire une requête AJAX sur une page PHP qui appelle l'api : https://ip-api.com/docs/api:json. Les étapes :
- Créer le squelette de votre page ajax.php (et AjaxAction.php)
- Dans le fichier javascript.js (fonction lookupIp), appeler ajax.php avec l'adresse IP (valeur du champ texte) en paramètre (POST)
- Dans le contrôleur de ajax.php, appeler l'API en passant l'adresse IP. Par exemple : http://ip-api.com/json/24.48.0.1
- Retourer la réponse de l'API à la vue, via un
echo et json_encode.
- Dans la fonction javascript.js, utiliser le résultat de l'appel AJAX afin d'extraire le nom de la ville puis utiliser DOM pour afficher la ville dans le div .result-container