javascript - 如何通过 .append() 在 dom 中显示 json 对象数组

Question

所以我有一个从 json 对象中提取的数组，我想在名为#practice 的 div 中显示为图像：

["<img src ="http://domain.com/wp-content/uploads/2012/10/random04-128x84.jpg"/>", 

"<img src ="http://domain.com/wp-content/uploads/2012/10/chuck_norris_random_fact_generator_6_3957_2224_image_2578-128x84.jpg"/>"]

这是我到目前为止的方法...

$.getJSON('wp-content/themes/invoke-dmd/get-client-logos.php/', function (data) {
    var items = [];
    $.each(data, function(key, val) {
        items.push('<img src ="' + val.url + '"/>');
    });
  console.log(items)
  $('#practice').append(items);
});

它如上所述注销数组......但无法在 div 中显示它。

如何做到这一点？

Answer 1

您正在尝试将图像 HTML 添加为数组，您需要添加一个字符串：

$('#practice').append(items.join(" "));

Answer 2

试试这个，

$.getJSON('wp-content/themes/invoke-dmd/get-client-logos.php/', function (data) {

    $.each(data, function(key, val) {
        $('#practice').append('<img src ="' + val.url + '"/>');
    });

});