页面:
<!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" οnclick="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"}
]}