json初体验---了解什么是json、json的作用,json的语

页面导航:首页 > 网络编程 > JavaScript > json初体验---了解什么是json、json的作用,json的语

json初体验---了解什么是json、json的作用,json的语

来源: 作者: 时间:2016-02-20 09:49 【

今天闲来看了有关json的视频,下面是相关的学习笔记:1、什么是json? json是【Java Script Object Notation标记】简介,简单来说,json就是用【JavaScript语法】写的一个【特殊】的标记【字符串

今天闲来看了有关json的视频,下面是相关的学习笔记:

1、什么是json?

json是【 Script Object Notation标记】简介,简单来说,json就是用【JavaScript语法】写的一个【特殊】的标记【字符串】。

2、json的作用

(A)简化用JavaScript定义对象的方式
(B)也能用在AJAX中,做为数据载体之一

3、json的语法作用

(A)一个对象用{}表示
(B)一对属性之间,使用:来分隔,属性结束后,使用,来分隔,最后一个除外
(C)一个数组,使用[]符号


下面是相关定义的代码,大家认真看应该会有所发现





Insert title here



<script type="text/javascript">
   //常规的javascript定义对象
   document.write("常规的javascript定义对象-----------");
	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+"
"); document.write(s.name+"
"); document.write(s.sex+"
"); //使用json的方式定义,显得更加的简单 document.write("使用json的方式定义,显得更加的简单-----------"); var b={ id:13, name:"zhang", sex:"nan" }; document.write(b.id+"
"); document.write(b.name+"
"); document.write(b.sex+"
"); //使用json的方式定义,含数组 document.write("使用json的方式定义,含数组-----------"); var bs=[ { id:14, name:"zhang14", sex:"nan15" }, { id:15, name:"zhang15", sex:"nan15" } ] for(var i=0;i"); document.write( bs[i].name + "
"); document.write( bs[i].sex + "
"); } //使用json的方式定义,对象的属性中含数组 document.write("使用json的方式定义,对象的属性中含数组-----------"); var p = { citys:['广州','中山','佛山','深圳'] }; for(var i=0;i"); } //使用json的方式定义,对象的属性中含数组 document.write("使用json的方式定义,对象的属性中含数组,数组对象中又有属性-----------"); var p = { id:16, name:"tai", salary:6000, citys:[ { id:1, name:"广州" }, { id:2, name:"长沙" } ] }; document.write("编号:" + p.id + "
"); document.write("姓名:" + p.name + "
"); document.write("薪水:" + p.salary + "
"); document.write("去过以下城市:
"); for(var i=0;i"); } //使用json的方式定义,对象的属性中含数组 document.write("使用json的方式定义,对象的属性中含有内部函数(函数为无名函数)-----------"); var ac = { id:17, name:"li", show:function(msg){ //内部函数要访问外部函数, //需通过对象.属性的方法访问才行 //否则返回空白字符串 alert("你的名字是-->" + p.name); alert(msg); } }; ac.show("test内部函数"); </script>

下面是html代码产生的结果:

常规的javascript定义对象-----------12
wang
nan
使用json的方式定义,显得更加的简单-----------13
zhang
nan
使用json的方式定义,含数组-----------14
zhang14
nan15
15
zhang15
nan15
使用json的方式定义,对象的属性中含数组-----------广州
中山
佛山
深圳
使用json的方式定义,对象的属性中含数组,数组对象中又有属性-----------编号:16
姓名:tai
薪水:6000
去过以下城市:
广州
长沙
使用json的方式定义,对象的属性中含有内部函数(函数为无名函数)-----------


Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<