js解析json文件数据

页面:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script language="JavaScript" src="jquery-1.8.2.min.js"></script>
</head>
<body>
    <input id="inputt" type="submit" onclick="initAreaData()">
</body>
    <script type="text/javascript">
        var areadata ={
            employees : []//声明数组
            }
        function initAreaData(){
            var dataroot="json.json";//json文件路径
            $.getJSON(dataroot, function(data){
            areadata.employees=data.employees;
            for(var i=0;i<areadata.employees.length;i++){//循环输出对应数组
                alert(areadata.employees[i].firstName);
            }
        });
        }
</script>
</html>

json文件:

{
"employees":[
    {"firstName":"John", "lastName":"Doe"},
    {"firstName":"Anne", "lastName":"Smith"}
]}

你可能感兴趣的:(JavaScript,json,数据)