Tanuki_Dev
Membre
Bonsoir, je fais un tutoriel pour l'utilisation de l'API Pokesnipers car il n'y a en a pas à ce jour il me semble et ça a l'air demandé.
Il vous faudra au moins les bases et l'envie d'apprendre, je limiterai ou ne ferai pas beaucoup de support étant donné que les explications seront données.
Pour ce tutoriel vous aurez besoin de jQuery et du PHP.
Commençons.
Allez à la base de votre site et créez 2 fichiers, qui vous nommerez index.php & getPokemonList.php.
ouvrez le fichier getPokemonList.php et saisissez la ligne de code ci-dessous qui permettra de récupérer le contenu de l'API PokeSniper:
Ce n'est pas plus compliqué que ça pour le moment !
Maintenant, on peut fermer le fichier getPokemonList.php et ouvrir index.php pour y mettre notre contenu.
commencez donc par faire votre mise en page, puis importer jQuery, une fois les préparatifs fais et la page prête, nous allons créer une fonction pour récupérer les pokemons de notre page getPokemonList.php ! nous l'appellerons getPokemonList.
la fonction que nous allons utiliser pour récupérer le contenu de notre page est $.getJSON de jQuery.
ici, data sera le contenu de la page getPokemonList, donc, vos pokémons, et le console.log(data); affichera les pokémons dans votre console, seulement vous verrez qu'il y en a des masses, et que vous ne pourrez pas les tirer 1 par 1 manuellement.
on va donc faire un each dans les objets reçus!
Ici, c'est "value" qui nous intéresse, il contient toutes les données sur le pokemon qu'on a actuellement, regardez dans votre console vous en saurez bien plus.
Pour obtenir une des données disponibles dans value, il suffit de faire ceci :
value['DonnéeQueVousVoulez'] en prenant le temps de remplacer "DonnéeQueVousVoulez" par une des clés présentes dans la console (ex: coords, icon, id, iv, ect...) ce qui donnerait value['coords'], et pour l'afficher vous pouvez utiliser une alert, la console, ou le mettre dans votre page !
Voici le résultat final chez moi, je vous met les sources un peu plus bas pour ceux n'ayant rien compris ou qui ne veulent pas prendre la peine de comprendre (ou alors tout simplement pour comparer ou autre.. Kappa)
Il vous faudra au moins les bases et l'envie d'apprendre, je limiterai ou ne ferai pas beaucoup de support étant donné que les explications seront données.
Pour ce tutoriel vous aurez besoin de jQuery et du PHP.
Commençons.
Allez à la base de votre site et créez 2 fichiers, qui vous nommerez index.php & getPokemonList.php.
ouvrez le fichier getPokemonList.php et saisissez la ligne de code ci-dessous qui permettra de récupérer le contenu de l'API PokeSniper:
PHP:
<?php echo file_get_contents('http://pokesnipers.com/api/v1/pokemon.json') ?>Ce n'est pas plus compliqué que ça pour le moment !
Maintenant, on peut fermer le fichier getPokemonList.php et ouvrir index.php pour y mettre notre contenu.
commencez donc par faire votre mise en page, puis importer jQuery, une fois les préparatifs fais et la page prête, nous allons créer une fonction pour récupérer les pokemons de notre page getPokemonList.php ! nous l'appellerons getPokemonList.
Code:
function getPokemonList(){
}la fonction que nous allons utiliser pour récupérer le contenu de notre page est $.getJSON de jQuery.
Code:
$.getJSON('getPokemonList.php', function(data){
console.log(data);
}ici, data sera le contenu de la page getPokemonList, donc, vos pokémons, et le console.log(data); affichera les pokémons dans votre console, seulement vous verrez qu'il y en a des masses, et que vous ne pourrez pas les tirer 1 par 1 manuellement.
on va donc faire un each dans les objets reçus!
Code:
$.each(data.results, function(index, value){
console.log(value);
});Ici, c'est "value" qui nous intéresse, il contient toutes les données sur le pokemon qu'on a actuellement, regardez dans votre console vous en saurez bien plus.
Pour obtenir une des données disponibles dans value, il suffit de faire ceci :
value['DonnéeQueVousVoulez'] en prenant le temps de remplacer "DonnéeQueVousVoulez" par une des clés présentes dans la console (ex: coords, icon, id, iv, ect...) ce qui donnerait value['coords'], et pour l'afficher vous pouvez utiliser une alert, la console, ou le mettre dans votre page !
Voici le résultat final chez moi, je vous met les sources un peu plus bas pour ceux n'ayant rien compris ou qui ne veulent pas prendre la peine de comprendre (ou alors tout simplement pour comparer ou autre.. Kappa)
en plus tu viens de m'aider pour un autre truc du-coup 
