Jquery получить значения ссылок из объекта данных

Question

Я не могу на всю жизнь понять, как получить доступ к значениям внутри этого объекта. Любая помощь была бы значительно оценена

Конечная цель, как только я смогу получить доступ к ссылке, я буду перебирать каждый и добавить и img-тег в dom после элемента header-header.

JS потреблять JSON

$("#stack_name").focusout(function() { 
    var name = $(this).val(); 
    // alert(name); 

    $.getJSON('/images.json?name='+ name, function(data) { 
    console.log("DATA: ", data); 
    // $('<p>Test</p>').appendTo('.images-header'); 
    }); 
}); 

Console Log выходы:

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" 
] 
} 
} 

Answer 1

Вы можете получить доступ к изображениям массива, как это, вы должны разобрать JSON строку, используя $.parseJSON

img1 = jsonObj.data.Images[0]; 

Live Demo

Вы можете перебирать массив, используя цикл

for(i=0; i < jsonObj.data.images.length; i++) 
{ 
    alert(jsonObj.data.images[i]); 
} 

Answer 2

Пробег:

Fiddle Demo

$("#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 = $('<img><img/>'); 
     var link = images[index]; 

     $image.attr("src", link); 
     $header.append($image); 
    } 

    }); 
});