JSON.parse（）来。访问数据并使用它来填充dom

Question

JSON.parse语法：JSON.parse（text [，reviver]）参数：text-要解析为JSON的字符串。 reviver-可选如果是一个函数，它规定了在返回之前如何转换最初通过解析生成的值。返回值对应于给定JSON文本的Object。

我真的不明白这一点。我有一个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" }};

Answer 2

将JSON字符串传递给JSON.parse（yourJSONString）然后，您可以通过调用标头获取值，如下所示。

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

然后

myRst.site.id

    var myRst = JSON.parse('{ "site": { "id": "example", "name": "example1" }}')
    
    console.log(myRst.site.id)