Jquery obtient les valeurs de lien de l’object de données

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

').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 

entrez la description de l'image ici

/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); } }); });