通過JSON循環將結果放入HTML

我剛剛開始使用JSON和JavaScript，並且解析JSON結果時遇到了一些困難。這是因爲在劇集內有一個可變數組，我想擁有JSON。所以如果我是對的，這是一個數組中的數組。通過JSON循環將結果放入HTML

示例代碼：

{ 
    "description":"This is a description", 
    "banner":"This is a banner", 
    "episodes":{ 
     "15":[ 
     { 
      "id":"28685", 
      "active":1, 
      "lang":"en", 
      "link":"http:\/\/link.com\video.php?hd=1" 
     } 
     ], 
     "14":[ 
     { 
      "id":"28577", 
      "active":1, 
      "lang":"ru", 
      "link":"http:\/\/link.com\video.php?hd=1" 
     } 
]};

的「15和14」是插曲號，和id，活性，郎，和鏈接是從那個情節性質。

所以在HTML中，我想一起顯示它作爲一個組。任何人都可以幫我解決這個問題，因爲我無法在JQuery頁面上找到任何結果，如何獲取這些變量集的序列號名稱。

也許會讓它更清晰一點。這是我的JSON源，我想從它創建一個視頻頁面。它在哪裏列出所有這些情節與屬性。我打算將這些與twitter引導程序庫結合在一起。描述是「電視連續劇描述」橫幅是橫幅圖片，上面的列表是第15集和第14集。我希望能夠點擊這樣的情節鏈接。唯一的想法，我有困難得到它在不同的對象的所有分開︰完整的JSON：http://pastie.org/6635498

它需要是動態的這種方式如果Json更新它也更新的HTML，這種方式我不能做靜態引用到「十五」

一些快速的HTML我所做的是目標的想法：http://pastie.org/6635571

來源

2013-03-20 Senaxx

可以共享html示例如何獲取它 – 2013-03-20 04:27:21

其中是給定JSON中的變量'「node」' – diEcho 2013-03-20 04:28:18

「as ag」是什麼意思聚在一起？「你有什麼嘗試？ – 2013-03-20 04:30:41

使用jQuery您可以將您的JSON字符串（假設它是一個有效的JSON字符串）這樣的JavaScript對象：

var jsonObj = $.parseJSON('{ 
    "description":"This is a description", 
    "banner":"This is a banner", 
    "episodes":{ 
     "15":[ 
     { 
      "id":"28685", 
      "active":1, 
      "lang":"en", 
      "link":"http:\/\/link.com\video.php?hd=1" 
     } 
     ], 
     "14":[ 
     { 
      "id":"28577", 
      "active":1, 
      "lang":"ru", 
      "link":"http:\/\/link.com\video.php?hd=1" 
     } 
]}');

從這裏你可以像這樣訪問JavaScript中的json數據。對於第15集的id）：

var episode15id = jsonObj['episodes']['15']['id'];

然後直通JavaScript的魔法，你可以將它放入您的HTML：

HTML：

<div id="jsondatahere" ></div>

JS：

$("#jsondatahere").html(episode15id);

來源

2013-03-20 04:27:28 Tucker

我認爲OP已經有一個JSON對象 - 你可以跳過'$ .parseJSON（）'部分 – 2013-03-20 04:34:20

通過JSON循環將結果放入HTML

回答

相關問題