Jquery从数据对象获取链接值

Jquery从数据对象获取链接值,jquery,ajax,json,getjson,Jquery,Ajax,Json,Getjson,我一辈子都搞不懂如何访问这个对象中的值。任何帮助都将不胜感激 最终目标,一旦可以访问链接,我将迭代每个链接,并在images头元素之后将和img标记追加到dom中 JS使用json $("#stack_name").focusout(function() { var name = $(this).val(); // alert(name); $.getJSON('/images.json?name='+ name, function(data) { console.log(

我一辈子都搞不懂如何访问这个对象中的值。任何帮助都将不胜感激

最终目标,一旦可以访问链接,我将迭代每个链接,并在images头元素之后将和img标记追加到dom中

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

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

您可以像这样访问图像数组,您必须使用

您可以使用for循环遍历数组

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

$(“#stack_name”).focusout(函数()
{
var name=$(this.val();
$.getJSON('/images.json?name='+名称,函数(数据)
{
var images=data.data.images;
var$header=$('.images header');
for(图像中的var索引)
{

var$image=$('感谢您的响应。无法使其正常工作。我得到了“未捕获引用错误:未定义数据”和“未捕获类型错误:无法读取未定义的属性“0”第二,增加了一条consumed@jahrichie,我已经用live demo更新了我的答案,希望能有所帮助。谢谢你的回复,这没有做任何事情,也没有出现任何错误。怪异/@jahrichie请查看演示。
img1 = jsonObj.data.Images[0];
for(i=0; i < jsonObj.data.images.length; i++)
{
    alert(jsonObj.data.images[i]);
}
$("#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);
    }

  });
});