Je ne peux pas pour la vie de comprendre comment accéder aux valeurs à l’intérieur de cet object. Toute aide serait très appréciée
En fin d’objective, une fois que je pourrai accéder au lien, je les itérerai, puis jetterai une balise img sur le dom après l’élément images-header.
JS à consumr du json
$("#stack_name").focusout(function() { var name = $(this).val(); // alert(name); $.getJSON('/images.json?name='+ name, function(data) { console.log("DATA: ", data); // $('Test
- Le basculement des diapositives JQuery ne fonctionne pas avec les données peintes de manière dynamic (via ajax) après la première utilisation
- Envoi de données depuis Javascript vers Servlet
- Taille du vote Ajax non mise à jour des rails
- Exécution de javascript dans une page chargée avec jQuery Ajax
- Comment charger des images séquentiellement?
').appendTo('.images-header'); }); });
Sorties du journal de la console:
DATA: Object {data: Object} data: Object images: Array[4] 0: "http://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/Connecticut_in_United_States.svg/270px-Connecticut_in_United_States.svg.png" 1: "http://www.enchantedlearning.com/usa/states/connecticut/map.GIF" 2: "https://familysearch.org/learn/wiki/en/images/0/01/Connecticut-county-map.gif" 3: "http://www.ct.gov/ecd/lib/ecd/20/14/state%2520of%2520connecticut%2520county%2520outline.jpg" length: 4 __proto__: Array[0] __proto__: Object __proto__: Object app-init.js?body=1:15
/images.json?name=connecticut
{ "data": { "images": [ "http://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/Connecticut_in_United_States.svg/270px-Connecticut_in_United_States.svg.png", "http://www.enchantedlearning.com/usa/states/connecticut/map.GIF", "https://familysearch.org/learn/wiki/en/images/0/01/Connecticut-county-map.gif", "http://www.ct.gov/ecd/lib/ecd/20/14/state%2520of%2520connecticut%2520county%2520outline.jpg" ] } }
Vous pouvez accéder au tableau d’images de cette façon, vous devez parsingr la chaîne json à l’aide de $ .parseJSON
img1 = jsonObj.data.Images[0];
Démo en direct
Vous pouvez parcourir le tableau en utilisant la boucle for
for(i=0; i < jsonObj.data.images.length; i++) { alert(jsonObj.data.images[i]); }
Essayer
Démo de violon
$("#stack_name").focusout(function() { var name = $(this).val(); $.getJSON('/images.json?name='+ name, function(data) { var images = data.data.images; var $header = $('.images-header'); for(var index in images ) { var $image = $(''); var link = images[index]; $image.attr("src", link); $header.append($image); } }); });