循环通过 JSON 将结果放入 HTML

Question

我刚开始使用 JSON 和 JavaScript，但在解析 JSON 结果时遇到了一些困难。这是因为在剧集数组中有一个变量数组，其中包含我想要的 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

Answer 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);