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