11544 sujets

JavaScript, DOM et API Web HTML5

Lire dans un tableau JSON, help !

Pages :
Quelque chose comme ça ?
results[0]. wrapperType. artworkUrl100

EDIT : tu peux me dire où et comment tu le récupère ton JSON ?
Modifié par MagicCarpet (26 Jan 2013 - 22:43)
bah je ne sais pas enfait comment le récupérer justement, comment récupérer cette valeur là dans ce tableau ci.

J'utilise un fichier javacode.js mais je ne sais pas comment récupérer se que me retourne cette adresse ? Smiley cligne

Merci de m'aider Smiley sweatdrop
Euh, reprenons.

1/ C'est quoi ton javacode.js ?
2/ Ce JSON tu le récupère comment, par l'intermédiaire de ce script ? Mais il y'a bien une adresse ou quelque chose non ?
3/ Ce JSON, tu l'attribut à une variable et tu le lis avec la ligne que je t'ai donné, essaye :

var maVarJSON = [JSON]; //là tu met ton JSON, fais un tour sur JSONlint pour vérifier qu'il soit valide.

// Pour le lire :
var maRecherche = maVarJSON.results[0].wrapperType.artworkUrl100;
console.log(maRecherche);

Modifié par MagicCarpet (26 Jan 2013 - 23:07)
Bon, je viens de faire un essai, en fait dans ce genre de cas tu peux utiliser les outils de développeur du navigateur. Dans la console JavaScript, voici ma démarche et le résultat :

var maVarJSON = {
 "resultCount":2,
 "results": [
{"wrapperType":"track", "kind":"feature-movie", "trackId":354112018, "artistName":"James Cameron", "trackName":"Avatar (2009)", "trackCensoredName":"Avatar (2009)", "trackViewUrl":"https://itunes.apple.com/us/movie/avatar-2009/id354112018?uo=4", "previewUrl":"http://a1308.v.phobos.apple.com/us/r1000/073/Video/da/23/d3/mzm.cieibiha..640x478.h264lc.d2.p.m4v", "artworkUrl30":"http://a1217.phobos.apple.com/us/r1000/025/Video/be/c6/dd/mzl.chdcjxzz.30x30-50.jpg", "artworkUrl60":"http://a1281.phobos.apple.com/us/r1000/025/Video/be/c6/dd/mzl.chdcjxzz.60x60-50.jpg", "artworkUrl100":"http://a1890.phobos.apple.com/us/r1000/025/Video/be/c6/dd/mzl.chdcjxzz.100x100-75.jpg", "collectionPrice":14.99, "trackPrice":14.99, "releaseDate":"2009-12-18T08:00:00Z", "collectionExplicitness":"notExplicit", "trackExplicitness":"notExplicit", "trackTimeMillis":9702335, "country":"USA", "currency":"USD", "primaryGenreName":"Action & Adventure", "contentAdvisoryRating":"PG-13", 
"longDescription":"From Academy Award®-winning director James Cameron comes Avatar, the story of an ex-Marine who finds himself thrust into hostilities on an alien planet filled with exotic life forms. As an Avatar, a human mind in an alien body, he finds himself torn between two worlds, in a desperate fight for his own survival and that of the indigenous people."}, 
{"wrapperType":"track", "kind":"feature-movie", "trackId":498445748, "artistName":"Lewis Schoenbrun", "trackName":"Aliens vs. Avatars", "trackCensoredName":"Aliens vs. Avatars", "trackViewUrl":"https://itunes.apple.com/us/movie/aliens-vs.-avatars/id498445748?uo=4", "previewUrl":"http://a955.v.phobos.apple.com/us/r30/Video/f5/b2/85/mzm.tlpwwejx..640x478.h264lc.d2.p.m4v", "artworkUrl30":"http://a72.phobos.apple.com/us/r30/Video/ef/5d/f5/mzi.mdnrsvev.30x30-50.jpg", "artworkUrl60":"http://a136.phobos.apple.com/us/r30/Video/ef/5d/f5/mzi.mdnrsvev.60x60-50.jpg", "artworkUrl100":"http://a553.phobos.apple.com/us/r30/Video/ef/5d/f5/mzi.mdnrsvev.100x100-75.jpg", "collectionPrice":14.99, "trackPrice":14.99, "releaseDate":"2011-09-20T07:00:00Z", "collectionExplicitness":"notExplicit", "trackExplicitness":"notExplicit", "trackTimeMillis":4792063, "country":"USA", "currency":"USD", "primaryGenreName":"Sci-Fi & Fantasy", "contentAdvisoryRating":"Unrated", 
"longDescription":"A race of creatures known as the Scythe have become a plague in the universe. Cunning and powerful foes, they possess the ability to transform into anything from which it has consumed DNA. On a mission to stop the plague that her people unleashed, a beautiful alien named Ava has followed the Scythe to Earth. Meanwhile, six college friends blowing off steam on a camping trip find themselves caught up in a cat and mouse hunt with the Scythe. Not knowing what to do or who to trust, they struggle to protect themselves and keep it together. Reluctantly joining forces with Ava, they quickly learn what they are up against. Can they defeat the Scythe before it slaughters them one by one?"}]
};


Au passage, le JSON est bien valide (à priori c'était logique mais il faut toujours vérifier ses sources, par principe).

Ensuite :

console.log(maVarJSON.results[0].artworkUrl100);


J'obtiens : http://a1890.phobos.apple.com/us/r1000/025/Video/be/c6/dd/mzl.chdcjxzz.100x100-75.jpg

C'est ce que tu voulais non ? (ou pas ?). Si tu pouvais répondre à mes questions ci-dessus ça serais cool.
Désolé, j'ai pris un peu de temps car je cherchais pourquoi il me disais qu'il ne connaissait pas le premier élément Smiley cligne

Merci beaucoup donc j'écris simplement dans l'ordre des éléments que je désire poursuivre pour arriver à la value que je désire, comme en php quoi ?

Tu peux me dire pourquoi j'ai eu cette erreur ? stp Smiley cligne
cl9m9n7 a écrit :
Mon javacode.js c'est simplement mon script java qui fais des actions sur mon site Smiley cligne
Là je voulais récupérer une adresse de cover de film Smiley cligne

l'adresse c'est celle ci: https://itunes.apple.com/search?entity=movie&term=avatar
ici pour le film "avatar"

J'essaye et...http://cl.ly/image/3R2n430l1M0z/Capture%20d%E2%80%99%C3%A9cran%202013-01-26%20%C3%A0%2023.16.28.png


Ok mais cette adresse tu l'as pas inventé, si ? Smiley smile
J'insiste parce que je dois faire une app web où j'ai besoin de ce genre d'infos. Mais actuellement je n'ai aucune idées de comment procéder. Je ne me suis pas penché encore sur le sujet mais ça ne devrait pas tarder. Donc ton aide me serais précieuse.

Est-ce que tu as vu mon deuxième poste ?

Parce que là, dans ton exemple tu met une adresse web, ce n'est pas du JSON donc ça ne peut pas passer.
cl9m9n7 a écrit :
Désolé, j'ai pris un peu de temps car je cherchais pourquoi il me disais qu'il ne connaissait pas le premier élément Smiley cligne

Merci beaucoup donc j'écris simplement dans l'ordre des éléments que je désire poursuivre pour arriver à la value que je désire, comme en php quoi ?

Tu peux me dire pourquoi j'ai eu cette erreur ? stp Smiley cligne


Dans la démarche que je t'ai donné si tu affiche la variable qui contient ton JSON il te donne la structure. Tu n'as plus qu'a cliqué sur des flèches. Très utile pour comprendre comment le parcourir. Essayes mon code et dis moi si tu y arrives.

PS : nos commentaires se sont croisés.
Modifié par MagicCarpet (26 Jan 2013 - 23:23)
cl9m9n7 a écrit :
Oui j'ai remarqué Smiley cligne

Pour l'adresse: http://www.apple.com/itunes/affiliates/resources/documentation/itunes-store-web-service-search-api.html
après tu rajoute entity=movie Smiley cligne

Mais j'aimerais savoir, toi tu recopie tout le tableau JSON et comment peut ton récupérer automatiquement le tableau depuis cette adresse web ?



Ah super, excellent la page d'Apple, je ne connaissais pas et c'est exactement se que je cherchais. Enfin je crois parce que je ne suis pas rentré dans les détails mais je pense que oui.

Dans l'exemple que je t'ai montré, je ne récupère rien. Je me suis rendu sur la page que tu donnes en lien et j'ai fais tout simplement un copier/coller. C'était pour te montrer la démarche.

Si tu veux récupérer ce JSON automatiquement alors oui je pense que ton code en PHP est correct ou en tout cas quelque chose dans ce genre là. Pour PHP je ne peux pas trop t'aider, j'en ai pas fait depuis longtemps mais tu devrais pouvoir trouver ça rapidement.

Ou sinon, une petite requête AJAX en jQuery devrait tout aussi bien fonctionné car avec la fonction de callback tu récupère le contenu JSON.

Ta solution, quand tu l'auras m'intéresse Smiley smile
Modifié par MagicCarpet (26 Jan 2013 - 23:50)
No problem gars Smiley cligne

Et tu ne connaissait pas apple ???

Si tu veux tu peux aller voir mon site pour avoir d'autres exemples d' APIs simpas Smiley cligne

CartelAmple

Voila voila, un petit retour de mon site ? Smiley biggrin
Si, je connais Apple... Ca serait dramatique, surtout que je suis sur Mac Smiley smile

Mais je ne connaissais pas la page de l'API qui permet de récupérer les informations de iTunes. Je n'ai pas cherché encore puisque je n'ai pas démarré mon projet, c'est pour cela que je t'ai demandé.

C'est quoi CaretlAmple ? Faut s'identifier alors au tant savoir avant Smiley smile
Bah t'inquiète moi aussi je suis sous mac Smiley cligne

CartelAmple c'est le site que je suis en train de développer depuis maintenant 2 mois, il permet de partager des "Objects" en rapport avec des sites internet Smiley cligne

On n'est pas obligé de s'identifier pour se balader sur le site Smiley cligne

J'attend simplement quelques retour de la part des personnes qui le visite Smiley cligne
ah okiiiiii, j'ai pas tilté que tu étais en train de le faire. Oui pour naviguer c'est ok mais pour tester faut s'enregistré. J'avais pas vu le 'comment ça marche ?' Smiley smile

Je pensais y trouver toutes les sources pour lier les sites Internet comme la page Apple que tu m'as passé, rien à voir Smiley smile
Ha d'accord ! Smiley cligne

Alors niveau graphique ?
Ou niveau esthétique, ou même niveau pratique ?
Tu en penses quoi ?
Je regarderais demain, je suis mort donc je préfère ne pas te dire maintenant.

Juste un truc, niveau graphique, pour moi y'en a pas vraiment dans le sens ou le site est plutôt ... comment dire... Y'a pas de graphisme en quelque sortes. Smiley smile A ce niveau là il est plutôt vide.

C'est pas une mauvaise critique. Par contre niveau mise en page c'est pas mal, c'est assez épuré se qui es plutôt bien vu que tu as beaucoup d'images du fait de la présentation que tu donnes de chaque site. Si tu avais des graphiques, ça rajouterais une couche de plus, qui peut-être bien si c'est bien fait et bien pensais. Mais pour le moment, vu que tu développe le site, je ne pense pas que ce soit nécessaire. Est-ce que tu comprends se que je veux dire ?

L'avantage c'est que tu reste clair dans la présentation.

Pour le reste, demain Smiley smile
Modifié par MagicCarpet (27 Jan 2013 - 00:08)
Oui ce serais vraiment sympa parce que là c'était vraiment provisoir de chez provisoir Smiley cligne

Pour le graphisme je ne vois pas tout à fais ce que tu veux dire mais sur le niveau des couleurs (blanc) je m'était dis qu'un site blanc, épuré c'était mieux pour mettre en valeur les images qui sont publier Smiley cligne

Merci du retour Smiley cligne tu est designer ou graphiste ou juste une passion ? Smiley cligne
Pages :
Sujet clos
Aller à