JSON学习

来源：互联网发布：国内开源php erp 编辑：程序博客网时间：2024/06/09 17:38

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>

<p>
<span id="name"></span><br/>
<span id="sex"></span><br/>
<span id="age"></span><br/>
</p>

<script>
var a={
"name":"liyue",
"sex":"boy",
"age":"21"
};

document.getElementById("name").innerHTML=a.name
document.getElementById("sex").innerHTML=a.sex
document.getElementById("age").innerHTML=a.age
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>

<p id="person">

</p>

<script>
var a={
"name":"liyue",
"sex":"boy",
"age":"21"
};
//循环遍历数组
for(b in a)
document.getElementById("person").innerHTML+=a[b]+" "

</script>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>

<p id="person"> </p>
<p id="student"></p>
<p id="major"></p>

<script>
var a={
"name":"liyue",
"sex":"boy",
"age":"21" ,
"student":{
"school":"广东财经大学",
"grade":"大四",
"major":"软件工程"
}
};

//循环遍历数组
for(b in a)
document.getElementById("person").innerHTML+=a[b]+" "

//两种访问嵌套方式
document.getElementById("student").innerHTML=a.student.school
document.getElementById("major").innerHTML=a.student["major"]

</script>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>

<p id="person"> </p>

<script>
var a={
"name":"liyue",
"sex":"boy",
"age":"21" ,
"student":{
"school":"广东财经大学",
"grade":"大四",
"major":"软件工程"
}
};

//delete来删除json属性
delete a.student.grade

//循环遍历数组
for(b in a.student)
document.getElementById("person").innerHTML+=a.student[b]+" "
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>

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

<script>

var a={
"name":"liyue",
"sex":"boy",
"age":"21" ,
"student":[
"广东财经大学",
"大四",
"软件工程"
]
};


//循环遍历数组方法一
for(k= 0;k< a.student.length;k++)
document.getElementById("student").innerHTML+=a.student[k]+" "

//循环遍历数组方法二
for(k in a.student)
document.getElementById("person").innerHTML+=a.student[k]+" "

</script>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>

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

<script>

var a={
"name":"liyue",
"sex":"boy",
"age":"21" ,
"student":[
{
"school":"广东财经大学",
"grade":"大四",
"major":"软件工程",
"xiangqing":[
"2017.6.17",
"广州",
"IT"
]},

{
"school1":"辽宁大学",
"grade1":"大四",
"major1":"制药工程",
"xiangqing":[
"2017.6.04",
"沈阳",
"化妆品"
]}
]

}

for(k= 0;k<a.student.length;k++)
for(i in a.student[k].xiangqing)
{
document.getElementById("person").innerHTML+=a.student[k].xiangqing[i]+"<br>"
}
</script>

</body>
</html>

阅读全文

0 0