2013-03-20 66 views
0

我刚刚开始使用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

+1

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

+0

其中是给定JSON中的变量'“node”' – diEcho 2013-03-20 04:28:18

+1

“as ag”是什么意思聚在一起?“你有什么尝试? – 2013-03-20 04:30:41

回答

1

使用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); 
+0

我认为OP已经有一个JSON对象 - 你可以跳过'$ .parseJSON()'部分 – 2013-03-20 04:34:20