今天閒來看了有關json的視頻,下面是相關的學習筆記:
1、什麼是json?
json是【Java Script Object Notation標記】簡介,簡單來說,json就是用【JavaScript語法】寫的一個【特殊】的標記【字符串】。
2、json的作用
(A)簡化用JavaScript定義對象的方式
(B)也能用在AJAX中,做爲數據載體之一
3、json的語法作用
(A)一個對象用{}表示
(B)一對屬性之間,使用:來分隔,屬性結束後,使用,來分隔,最後一個除外
(C)一個數組,使用[]符號
下面是相關定義的html代碼,大家認真看應該會有所發現
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
<span style="color:#33ccff;"> </span><span style="color:#3333ff;">//常規的javascript定義對象
document.write("常規的javascript定義對象-----------");</span>
function Student(id,name,sex){
this.id=id;
this.name=name;
this.sex=sex;
};
var s=new Student(12,"wang","nan");
document.write(s.id+"</br>");
document.write(s.name+"</br>");
document.write(s.sex+"</br>");
<span style="color:#3333ff;">//使用json的方式定義,顯得更加的簡單
document.write("使用json的方式定義,顯得更加的簡單-----------");</span>
var b={
id:13,
name:"zhang",
sex:"nan"
};
document.write(b.id+"</br>");
document.write(b.name+"</br>");
document.write(b.sex+"</br>");
<span style="color:#3333ff;">//使用json的方式定義,含數組
document.write("使用json的方式定義,含數組-----------");</span>
var bs=[
{
id:14,
name:"zhang14",
sex:"nan15"
},
{
id:15,
name:"zhang15",
sex:"nan15"
}
]
for(var i=0;i<bs.length;i++){
document.write( bs[i].id + "<br/>");
document.write( bs[i].name + "<br/>");
document.write( bs[i].sex + "<br/>");
}
<span style="color:#3333ff;">//使用json的方式定義,對象的屬性中含數組
document.write("使用json的方式定義,對象的屬性中含數組-----------");</span>
var p = {
citys:['廣州','中山','佛山','深圳']
};
for(var i=0;i<p.citys.length;i++){
document.write(p.citys[i]+"<br/>");
}
<span style="color:#3333ff;">//使用json的方式定義,對象的屬性中含數組
document.write("使用json的方式定義,對象的屬性中含數組,數組對象中又有屬性-----------");</span>
var p = {
id:16,
name:"tai",
salary:6000,
citys:[
{
id:1,
name:"廣州"
},
{
id:2,
name:"長沙"
}
]
};
document.write("編號:" + p.id + "<br/>");
document.write("姓名:" + p.name + "<br/>");
document.write("薪水:" + p.salary + "<br/>");
document.write("去過以下城市:<br/>");
for(var i=0;i<p.citys.length;i++){
document.write(p.citys[i].name + "<br/>");
}
<span style="color:#3333ff;"> //使用json的方式定義,對象的屬性中含數組
document.write("使用json的方式定義,對象的屬性中含有內部函數(函數爲無名函數)-----------");</span>
var ac = {
id:17,
name:"li",
show:function(msg){
//內部函數要訪問外部函數,
//需通過對象.屬性的方法訪問才行
//否則返回空白字符串
alert("你的名字是-->" + p.name);
alert(msg);
}
};
ac.show("test內部函數");
</script>
</body>
</html>
下面是html代碼產生的結果:
常規的javascript定義對象-----------12
wang
nan
使用json的方式定義,顯得更加的簡單-----------13
zhang
nan
使用json的方式定義,含數組-----------14
zhang14
nan15
15
zhang15
nan15
使用json的方式定義,對象的屬性中含數組-----------廣州
中山
佛山
深圳
使用json的方式定義,對象的屬性中含數組,數組對象中又有屬性-----------編號:16
姓名:tai
薪水:6000
去過以下城市:
廣州
長沙
使用json的方式定義,對象的屬性中含有內部函數(函數爲無名函數)-----------