Question

我是JSON的新手，我的JavaScript非常生疏，所以这有点困难。我正在尝试将一些JSON数据加载到一个文件中，并将其拆分为div容器。我被要求基本上创建一个shell页面，它将加载JSON数据并根据JSON文件中的标记和数据填充页面，该文件可以包括以下任何内容：链接，文本或嵌入代码。由于所使用的方法未被完全解释或弃用，因此此处的结果也极为混杂。

我想出的JSON结构是：

{"Week1":[
{"desc":"Description", "link":"linkHere", "mda":"mediaHere"}
]}

我主要关注的是，正确加载它没有任何绒毛作为本地文件，然后显示它。我正在寻找一个新的视角和一些编码帮助。

Answer 1

这是一个例子，一周创建一个div，并在一周内创建数组，在div中创建元素

var myJson = {"Week1":[
{"desc":"Description", "link":"linkHere", "mda":"mediaHere"},
  {"desc":"Description2", "link":"linkHere2", "mda":"mediaHere2"}
],
 "Week2":[
{"desc":"Description3", "link":"linkHere3", "mda":"mediaHere3"},
  {"desc":"Description3", "link":"linkHere3", "mda":"mediaHere3"}
]};

$.each(myJson, function(i, week) {  
  $('body').append('<div class="' + i + '">' + i + '<br></div>');
  $.each(week, function(j, val) {
   var text = '<ul><li>' + val.desc + '</li><li>' + val.link + '</li><li>' + val.mda + '</li></ul>';
   $('div[class="' + i + '"]').append(text);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
  
<body>

Plunker

加载JSON数据并显示在各种div中

1 个答案: