如何打开json文件并访问其对象

时间:2016-04-18 14:14:40

标签: javascript jquery json

我的json文件result.json如下所示:

^

在我的html文件中,我尝试使用jQuery访问json文件中的一个对象,即其中一个人,并显示一些对象数据。

.*

但这只会给我一个错误" Uncaught TypeError:无法读取属性'员工'未定义"。我在这里缺少什么?

1 个答案:

答案 0 :(得分:0)

尝试在回调中进行html操作:

<!DOCTYPE html>
<html>
<body>
<head>
    <script type = "text/javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>

<p id="demo"></p>

<script>
    var obj;
    $.getJSON("http://insyn.local:666/result.json", function(json){
        obj = json;
        document.getElementById("demo").innerHTML =
        obj.employees[1].firstName + " " + obj.employees[1].lastName;
    });

</script>

</body>
</html>