javascript - jQuery Salvattore 输出 JSON 数组值时服务未定义

Question

我正在尝试使用 getJSON 将数组值输出到 src 属性中，使用这些值插入 Salvattore插入。我可以通过 console.log 获取值，但是当我尝试将值输入到我的 function append 时，我收到以下错误:' http://localhost:9000/PRINT/undefined '.当我查看 Google 开发控制台时，我看到它正在尝试:“无法获取/打印/未定义”。 Fiddle

JavaScript

function append(title) {
  var grid = $('#columns')[0];
  var item = document.createElement('div');
  var h = '<div class="panel panel-primary">';
  h += '<div class="panel-body">';
  h += '<img src="';
  h += title;
  h += '" />';
  h += '</div>';
  h += '</div>';
  salvattore['append_elements'](grid, [item]);
  item.outerHTML = h;
}

var dataJson = "https://api.myjson.com/bins/2xtqy";
$.getJSON(dataJson, function (data) {
  $.each(data.printImages,function (k, v) {
    //console.log(v);
    append(v.title);
  });
});

console.log(v);的 Console.log 输出

http://reneinla.com/kris/images/print/2008-06_KZO_TEN_01.jpg
...
http://reneinla.com/kris/images/print/2008-06_KZO_TEN_05.jpg

这就是我想要的 src 属性

HTML

<div class="container">
 <h1 class="col-xs-12">Example</h1>

 <div data-columns="" id="columns">
  <div></div> 
  <div></div> 
  <div></div>          
 </div>
</div>

问题

1. 如果使用 console.log 正确提供值，为什么在输出值时提供“/PRINT/undefined”？

2. 如何将 console.log(v); 中正确输出的值放入 src 属性中？

我正在学习，非常感谢任何见解!谢谢!

Answer 1

你正在输出 v:

//console.log(v);
// -----------^

...并看到 http://reneinla.com/kris/images/print/2008-06_KZO_TEN_01.jpg，这表明 v 是一个字符串。但是随后您将 v.title 传递给您的函数:

append(v.title);
// -----^^^^^^

如果 v 是一个字符串，

v.title 将是 undefined。

也许你应该传递你正在记录的内容，v。