JQuery итерация JSON объект

Question

Привет У меня есть массив JSON возвращается с сервера .. это выглядит примерно так:

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

У меня есть это:

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

и Im пытается создать изображения, основанные на данных, но я борюсь с jQuery

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

}); 

Как я могу заставить его добавить imag es в div?

Answer 1

Во-первых, ваш JSON недействителен. Вы можете проверить его здесь: http://jsonlint.com

Я думаю, что вы пытаетесь сделать, это:

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

Обратите внимание на двойные кавычки, которые отсутствуют в вашем коде. В JSON вам необходимо использовать двойные кавычки (никогда не одиночные или без кавычек) как по ключу, так и по значению.

Во-вторых, вы пытаетесь выполнить итерацию значения, а не массив.

Try с этим:

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