我无法获取 Json 对象属性

I can't get Json object attribute

本文关键字:对象 属性 Json 获取      更新时间:2023-09-26

我正在使用JS在我的网页中执行某些功能,并且我的后端函数给了我这个JSON

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

所以我学会了如何使用jQuery获取这些属性,我可以得到"name"和"description",但不知何故我无法获得我需要添加到url以调用图像href的"image"属性。这是我的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();
    });
});

它没有给我任何错误或其他东西。只是不会获得"图像"属性。

对于标签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>