я не могу получить объект JSON atribute

Question

Im с помощью JS, чтобы сделать некоторые функции в моей веб-странице и у меня есть функция бэкэнда дает мне этот JSON

{ "id": 1, "name": "First Like", "description": "Like at least 1 page", "image": "images/badges/FIRST_LIKE"} 

Так я узнал, как получить эти atributes с JQuery, я могу получить «имя» и «описание», но почему-то я не могу получить атрибут «image», который мне нужно добавить в url для вызова изображения href. Может кто-нибудь мне помочь? Это моя функция JS:

jQuery(function($){ 

      $.getJSON('http://eclipsewildflyserver-gobanit.rhcloud.com/something/id=1', 
       function (data) { 
       var name=data.name; 
       var description=data.description; 
       var image=data.image; 

       document.getElementById("name").innerHTML = name.toString(); 
       document.getElementById("description").innerHTML=description.toString(); 
       document.getElementById("image").innerHTML=image.toString(); 
      }); 
     }); 

Это не дает мне никакой ошибки или еще чего-то. Просто не получишь атрибут «изображение».

Answer 1

Для тега image вам нужно использовать src атрибут:

document.getElementById("image").src = image; 

И вам не нужно вызывать toString() функцию, это уже String

---

Смотрите рабочий пример:

var data = { "id": 1, "name": "First Like", "description": "Like at least 1 page", "image": "http://cdn.sstatic.net/stackoverflow/company/img/logos/so/so-icon.png?v=c78bd457575a"}; 
 

 
var name=data.name; 
 
var description = data.description; 
 
var image = data.image; 
 

 
document.getElementById("name").innerHTML = name; 
 
document.getElementById("description").innerHTML = description; 
 
document.getElementById("image").src = image;

<div id="name"></div> 
 
<div id="description"></div> 
 
<image id="image"></image>