我該如何在HTML中輸入某些信息形式我的json

我遇到了我的數據問題。的json看起來像這樣：我該如何在HTML中輸入某些信息形式我的json

[ 
    { 
     "link": { 
      "created_at": "2013-10-07T13:31:43+09:00", 
      "id": 8, 
      "items_count": 4, 
      "key": "0iqVSnTU-BtJ1ItVKRe2VMWvRMU", 
      "mode": "standard", 
      "name": "sdasadads", 
      "pusher_key": "1jtsrzl3n6i1DKA3tSZJM6LPnfQ", 
      "readonly_key": "R_dD5oHMsruu0YzYVKEOA8hKKXA-r", 
      "updated_at": "2013-10-08T14:06:07+09:00", 
      "user_id": 2 
     } 
    }, 
    { 
     "link": { 
      "created_at": "2013-10-07T13:32:56+09:00", 
      "id": 9, 
      "items_count": 1, 
      "key": "Mj-6Cc-_qaGlVTPgqKexzeijYNA", 
      "mode": "standard", 
      "name": "Untitled2", 
      "pusher_key": "hGE0D8TSar_H_Gv9MWdpj26gamM", 
      "readonly_key": "T53SNKPgyf7KvRUMzDQPaM99AAc-r", 
      "updated_at": "2013-10-07T13:33:14+09:00", 
      "user_id": 2 
     } 
    }, 
    { 
     "link": { 
      "created_at": "2013-10-11T11:18:06+09:00", 
      "id": 10, 
      "items_count": 0, 
      "key": "X_ZoKxFPHtsvSU5W11gXx1653FU", 
      "mode": "standard", 
      "name": "Usdadasas", 
      "pusher_key": "0PZ860awofRKB9XIrXba-xY6u14", 
      "readonly_key": "2rzrRZAaR7UZRK3UbUId8xmFzd4-r", 
      "updated_at": "2013-10-11T11:18:06+09:00", 
      "user_id": 2 
     } 
    } 
}

我試圖把打印這樣的鏈接的所有名稱：

$.post("http://0.0.0.0:9292/api/links", function(data) { 
     document.getElementById("test").innerHTML = data[link][0].name; 
     });

，但它不工作。我怎樣才能grub所有的名字，並把它放在html中？

來源

2013-10-21 lipenco

對象在數組內而不是反過來。
link是文字屬性名稱，而不是包含一個作爲一個字符串

這樣一個變量：

data[0]['link']['name']

您還需要確保響應具有application/json內容類型。

抓取所有名稱將要求您使用循環並每次更改0。

來源

2013-10-21 06:13:01 Quentin

首先改變過去的「}」到「]」（您的頂部結構數組不是對象）的

那就試試這個

$.post("http://0.0.0.0:9292/api/links", function(data) { 
    document.getElementById("test").innerHTML = data[0].link.name; 
    });

來源

2013-10-21 06:18:12

Array.prototype.map()是來從數據結構的東西的好方法。隨着數據變量的測試數據，可能是這樣的：

Example here.

<div class="names"></div>

var names = data.map(function (item) { 
    return item.link.name 
}); 

document.querySelector(".names").innerHTML = names;

來源

2013-10-21 06:19:10

我該如何在HTML中輸入某些信息形式我的json

回答

相關問題