您的位置:首页 > Web前端 > JavaScript

json的二三事儿

2016-08-17 17:57 447 查看

json初识(一)

json是一种轻量级语言,一般是用来数据交换的。而其是跨平台的。与之相对应的是XML语言。json是在js的基础上发展过来的。

js定义对象如下:

<!-- js方式定义Person对象-->
<script type="text/javascript">
function Person(id,name,sal){
this.id = id;
this.name = name;
this.sal = sal;
}
var p = new Person(1,"波波",7000);
document.write("编号:" + p.id + "<br/>");
document.write("姓名:" + p.name + "<br/>");
document.write("薪水:" + p.sal + "<br/>");
</script>


json定义对象如下:

<!-- json方式定义Person对象 -->
<script type="text/javascript">
//采用js语言来书写
var p = {id:1,name:"包包",sal:8000};
//属性可以''或""符号
//字符串必加''或""符号,其它类型不用加符号
document.write("编号:" + p.id + "<br/>");
document.write("姓名:" + p.name + "<br/>");
document.write("薪水:" + p.sal + "<br/>");
</script>


json对象:

<script type="text/javascript">
var ps = [
{
id:1,
name:'哈哈'
},
{
id:2,
name:'呵呵'
},
{
id:3,
name:'嘻嘻'
}
];
</script>

<script type="text/javascript">
document.write("共有" + ps.length + "个学生<br/>");
for(var i=0;i<ps.length;i++){
document.write("编号:" + ps[i].id + "<br/>");
document.write("姓名:" + ps[i].name + "<br/>");
}
</script>


拥有一个属性是数组的json:

<script type="text/javascript">
var p = {
id:1,
name:'哈哈',
home:['湘潭','长沙','广州']
};
for(var i=0;i<p.home.length;i++){
document.write(p.home[i]+"  ");
}
</script>


湘潭 长沙 广州

<script type="text/javascript">

var p = {
id:1,
name:'哈哈',
isLove:true,
home:['广州','深圳'],
show : function(str){
alert("你是" + str);
}
};

document.write(p.isLove?"已婚":"单身"+"<br/>");
p.show("小明");

</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: