Проблем отображение изображения из JSON запроса

Question

Я пытаюсь отобразить изображение, основанное на файловую строке я получаю от запроса JSON (в стиле { «itemIcon»: «http://www.example.com/image.png»}.

Ошибка Я получаю это:

[Error] TypeError: http://www.example.com/image.png is not a valid argument for 'in'  (evaluating '(length - 1) in obj') 
isArraylike (jquery-1.10.2.js, line 997) 
each (jquery-1.10.2.js, line 632) 
(anonymous function) (main.js, line 9) 
fire (jquery-1.10.2.js, line 3048) 
fireWith (jquery-1.10.2.js, line 3160) 
done (jquery-1.10.2.js, line 8235) 
callback (jquery-1.10.2.js, line 8778) 

Мой JS выглядит следующим образом:

function getItemIcon (itemID) 
{ 
var jsonURL = 'http://example.com/rest/XXXX/items/' + itemID + '?fields= 
itemIcon&id_Field=itemID&app_name=XXXX'; 

$.getJSON(jsonURL, function(json) 
{ 
    var imgURL = ""; 

    $.each(json.itemIcon, function() { 
     imgURL += '<li><img src= "' + this.imgURL + '"></li'; 
    }); 
}) 
} 

HTML, раздел выглядит следующим образом:

Любая помощь будет высоко оценена.

Answer 1

json.itemIcon является строкой, представляющей URL изображения, так $.each(json.itemIcon пытается перебрать каждую букву в этой строке и бросал ошибку

Вам не нужно each, если у вас есть массив объектов, которые ISN» t показано.

Это должно работать на основе информации, предоставленной

var imgURL = '<li><img src= "' + json.itemIcon + '"></li>';