用JS做一些功能在我的網頁我不能得到JSON對象屬性附加傷害

Question

Im和我有後臺功能給我這個JSON

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

讓我學會如何讓這些atributes使用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>