javascript - jquery 迭代 json 对象

Question

嗨，我有一个从服务器返回的 json 数组。它看起来像这样:

[{ ImageUrl="http://www.google.com"}, { ImageUrl="http://www.bing.com"}]

我有这个:

<div id="images"></div>

我正在尝试根据数据创建图像，但我在 jquery 上遇到了困难

$.each(json.imageData.ImageUrl, function (i, ImageUrl) {
  $("<img/>").attr("src", ImageUrl).appendTo("#images");

});

如何让它向 div 添加图像？

Answer 1

首先，您的 JSON 无效。您可以在这里验证:http://jsonlint.com

我认为你想做的是:

[
    {
        "ImageUrl": "http://domain.com/image.jpg"
    },
    {
        "ImageUrl": "http://domain.com/image2.jpg"
    }
]

请注意代码中缺少的双引号。在 JSON 中，您需要在键和值上使用双引号(切勿使用单引号或不带引号)。

其次，您尝试迭代该值而不是数组。

试试这个:

$.each(json.imageData, function (i, img) {
    $("<img>").attr("src", img.ImageUrl).appendTo("#images");
});