js解析json文件数据

来源:互联网 发布:网络电话机怎么安装 编辑:程序博客网 时间:2024/03/29 23:30

页面:

<!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"}
]}

0 0
原创粉丝点击