循环通过JSON将结果放入HTML

时间:2013-03-20 04:21:26

标签: html arrays json

我刚刚开始使用JSON和JavaScript,我在解析JSON结果时遇到了一些困难。这是因为在epissodes数组中有一个变量数组,我想要的JSON。如果我是对的,那么这是一个数组中的数组。

示例代码:

{
   "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,active,lang和links是该剧集的属性。

所以在HTML中我希望将它作为一个组一起显示。任何人都可以帮我解决这个问题,因为我在JQuery页面上找不到任何结果如何获取那些变量的剧集编号数组名称。

也许是为了让它更清楚一些。这是我的JSON源代码,我想从中创建一个视频页面。它列出了所有这些具有属性的剧集。我打算将它与twitter bootstrap库结合在一起。描述是“来自电视系列的描述”横幅用于横幅图像,上面的列表是第15和14集。我希望能够点击这样的情节链接。唯一的想法是我难以在不同的对象中分开:完整的json:http://pastie.org/6635498

它需要是动态的,如果Json更新它也会更新html,这样我就不能对“15”进行静态引用

一些快速的HTML我已成为目标理念:http://pastie.org/6635571

1 个答案:

答案 0 :(得分: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);