我无法获得Json对象属性

Question

我正在使用JS在我的网页中执行某些功能，并且我有后端功能为我提供了此JSON

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

因此，我学会了如何使用jQuery获取那些属性，我可以获取“名称”和“描述”，但不知何故我无法获取“图像”属性，而需要将其添加到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>