11549 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous,

Voici mon problème: je voudrais récupérer, en JS seulement, le contenu de la page suivante pour pouvoir l'exploiter correctement. https://itunes.apple.com/search?entity=movie&term=avatar

mon systeme marche comme ça:
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 [...] 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 [...] one?"}]
};

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


Mais je voudrais simplement qu'il fonctionne avec un changement de paramètre Smiley cligne

http://www.apple.com/itunes/affiliates/resources/documentation/itunes-store-web-service-search-api.html

Merci d'avance Smiley ravi
J'ai pas réussi à te convaincre pour jQuery je vois Smiley ohwell ... Smiley smile

Bon, c'est pas idiot de le faire en JS directement, ça ne m'a même pas effleuré l'esprit hier (fatigue).

Comme je te l'ai dis, je n'utilise plus que jQuery donc ce genre de truc est facile à faire, du coup j'ai qu'une idée qu'un peu vague du processus en JS (jQuery simplifie beaucoup le code). Mais va voir par ici. C'est un peu long mais au moins tu pourras faire comme tu le veux, avec tes réglages aux petits oignons et si ce lien ne suffit pas tu auras assez de connaissances pour aller chercher le nécessaire ailleurs.

Au fait, jQuery c'est 32ko que le client doit télécharger. C'est le poids d'une petite image Smiley murf
Modifié par MagicCarpet (27 Jan 2013 - 11:00)
Ha non non je veux bien le faire en jquery mais comment importer la bibliothèque et surtout comment l'utiliser ?

Je désire justement le faire en Jquery Smiley smile

Tous ce que je sais c'est que je dois utiliser la fonction jquery.getJson()

Mais comment je fais pour directement l'incorporer dans une autre fonction qui est sur un autre document js ?

Merci MagicCarpet Smiley cligne
et désolé d'avoir mal formulé mon titre ;(
Ah ok tu parles de JS alors bon Smiley smile

Dans ta page HTML, avant la balise </body> tu met ceci :

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

ou

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

Comme ça, c'est Google qui héberge jQuery, tu t'évite un appel supplémentaire à ton serveur. Optimisation ! Smiley smile

Par contre je ne sais pas si il faut le http: mais chez moi si je le met pas (en local en tout cas) ça ne fonctionne pas. Alors essaye sans, vu que ça vient direct de cette page, et si ça fonctionne pas beh tu le rajoute.

Après, tu va .
Modifié par MagicCarpet (27 Jan 2013 - 12:05)
Bien merci beaucoup je vais faire ça dés que je pourrais Smiley cligne

Mais la fonction, que j'avais déjà trouvé hier, je ne la comprend pas ;(

var jqxhr = $.getJSON("example.json", function() {
  alert("success");
})
.success(function() { alert("second success"); })
.error(function() { alert("error"); })
.complete(function() { alert("complete"); });
 
jqxhr.complete(function(){ alert("second complete"); });


Qu'est ce que je récupère et qu'est ce que je rentre commes paramètres ? Smiley smile

Merci Smiley cligne