javascript - 我无法获取 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>