嗨,我有一个从服务器返回的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?

最佳答案

首先,您的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");
});

关于javascript - jQuery迭代json对象,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/4625276/

10-09 07:45