使用Javascript解析JSON并使用HTML/CSS设置样式

我将在本次调查开始之前介绍一下，因为我在AS3领域已经有一段时间了，以前从未接触过JSON文件，而且对Javascript非常陌生

我有一个相当简单的JSON文件，它如下所示：

{"test_name1": {"voteCount":0,"totalAmount":0,"fullyFunded":false},
"test_name2":{"voteCount":0,"totalAmount":0,"fullyFunded":false},
 "test_name3":{"voteCount":0,"totalAmount":0,"fullyFunded":false},
"test_name4":{"voteCount":0,"totalAmount":0,"fullyFunded":false},
"test_name5":{"voteCount":0,"totalAmount":0,"fullyFunded":false},
"test_name6":{"voteCount":0,"totalAmount":0,"fullyFunded":false},
"test_name7":{"voteCount":0,"totalAmount":0,"fullyFunded":false},
"test_name8":{"voteCount":0,"totalAmount":0,"fullyFunded":false},
"test_name9":{"voteCount":0,"totalAmount":0,"fullyFunded":false},
"test_name10":{"voteCount":0,"totalAmount":0,"fullyFunded":false}}

---

我需要用Javascript阅读这篇文章，然后用HTML和CSS设计它的样式。（我想是吧？）

我已经通读了教程之类的东西，但我恐怕对其中的一些解释有点不知所措。如果有人有演示，我会非常感激。我以前在AS3中使用过XML数据，但从未使用过JSON。永远不要使用JSON+HTML/JS

---

请停下来。谢谢。

看起来您可以将其写入定义列表（HTML，即

）

然后在json上迭代。下面的代码不需要任何库（纯JavaScript，供您学习：）

你可以用CSS来设计它

<style>
  dl { } /* definition list */
  dl dt { font-weight: bold; } /* definition term */
  dl dd { color: red; } /* definition data */
</style>

---

您可以使用JS的“下划线模板”来使用JS、HTML和CSS呈现JSON文件。您可以将JSON文件作为对象放在JS文件中，也可以使用AJAX请求访问它（听起来好像您还没有到那里）。“下划线”是一个Javascript库，它将提供一些有用的迭代器，以精确地实现您想要的可视化

---

看一下如何从旧金山的大会上实现下划线模板。建议DEFO、克隆和主演RePo。< /P>破解这个螺母的很多方法。“我需要用JavaScript阅读这个，然后用HTML和CSS来编写它。”.你是什么意思，

it

？我感觉有点像个疯子，这是肯定的。我也有一个代码笔。坎伯兰岛非常漂亮！非常感谢，你介意和我多聊一会儿吗？我启动了一个代码笔，我想根据特定的选择调用特定的信息。例如，在任何时候，我都是y显示一个特定标题的信息。我不想一次显示所有信息。我对HTML/CSS/GSAP和AS3有很好的理解，正如我所提到的，但我在这里有点心碎。这是我的代码笔：谢谢你，这非常方便。我有几个问题，我读到的所有内容似乎都说明使用AJAX（Jquery）和moustace.js解析JSON。为什么这比简单的非JQuery方式更受欢迎？这是我目前为止的代码笔。我也非常坚持每个div只提取一个键，只提取一个键的值。基本上，我在问如何根据单击的按钮一次确定一个键的目标，然后格式化一个键？我的经验是使用XML，所以我在考虑父母和孩子的条件-可能需要一些额外的帮助。谢谢。

<style>
  dl { } /* definition list */
  dl dt { font-weight: bold; } /* definition term */
  dl dd { color: red; } /* definition data */
</style>

var myJSON = { "hello": "world" }