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

时间:2017-12-17 21:50:44

标签: javascript json

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多种不这样做的方法

2 个答案:

答案 0 :(得分:3)

JSON.parse需要一个JSON字符串作为参数,但是你传递的是javascript对象文字,它已经是一个对象,不需要解析。

根据您的使用情况,您可以添加引号以生成参数字符串:

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

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

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

答案 1 :(得分:0)

将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)