Question

我尝试使用getJSON将数组值输出到src属性，使用这些值插入Salvattore插件。我可以通过console.log获取值，但当我尝试将值输入function append时，我收到以下错误：＆＃39; {{ 3}}＆＃39 ;.当我查看Google开发控制台时，我发现它正在尝试这样做：＆＃39;无法获取/打印/未定义＆＃39;。 http://localhost:9000/PRINT/undefined

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>

问题

为什么值服务＆＃39; / PRINT / undefined＆＃39;如果他们使用console.log正确投放，他们会被输出？
如何将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.title是字符串，

undefined将为v。

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

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

1 个答案: