javascript - JSON.parse()。访问数据并使用它来填充 dom

Question

JSON.parse 语法:JSON.parse(text[, reviver]) 参数:text - 要解析为 JSON 的字符串。 reviver- 可选 如果是函数，则指定在返回之前如何转换最初由解析生成的值。返回值 给定 JSON 文本对应的对象。

这个我真的不明白。我有一个 JSON 文件，需要使用其中的数据来填充 DOM，但我不明白 JSON.parse。当我尝试使用它时，我使用了

var myData = JSON.parse({ "site": { "id": "example", "name": "example1" }...etc});

然后尝试使用点表示法访问它。

console.log(myData.site.id);

我不知道自己在做什么，我现在已经想出了 200 多种不这样做的方法

Answer 1

JSON.parse 需要一个 JSON 字符串作为其参数，但您正在传递 javascript 对象文字，它已经是一个对象，不需要解析。

根据您的用例，您可以添加引号来构成参数字符串:

var myData = JSON.parse('{ "site": { "id": "example", "name": "example1" }}');

或者根本不使用 JSON.parse，您可以直接使用您的对象。

var myData = { "site": { "id": "example", "name": "example1" }};