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