2014年辛星完全解读Javascript第八节 json

   json是JavaScript Object Notation的简写，它是一种轻量级的数据交换格式，而且表达上很容易靠字面去理解。json是用于存储和传输数据的格式，通常用于向服务器端传递数据。

 

*************JSON**************

1.我们上一节介绍了对象，这一节我们将介绍json，json既然是一种数据的传输方式，那么它也必然会有自己的语法规则，它的语法规则如下：由大括号保存对象，由方括号保存数组，数据以键值对的方式存储，而且多个数据之间需要用逗号分开。

2.比如下面就是一个很经典的json格式：

{"team":[
    {"name":"辛星","age":23},
    {"name":"小倩","age":20},
    {"name":"小楠","age":20}
]} 

3.从语法规则上来看，team这个键对应的值是一个数组，而数组分为三个对象，第一个对象的第一个属性是name，值是辛星，第二个属性是age，值是23，其他对象也同理。

 

*************显示json数据*************

1.既然我们已经知道了json数据的结构，那么我们就开始解析json把，我们可以使用Javascript自带的JSON.parse的方式去解析它，解析完毕之后，它就可以像正常的对象和数组那样使用了，非常的简单。

2.比如我们看如下代码：

var msg = '{"team":[{"name":"辛星","age":23},{"name":"小倩","age":20},{"name":"小楠","age":20}]}';
var obj = JSON.parse(msg);
alert(obj.team[1].name +obj.team[1].age);

3.然后我们导入该css文件，就会发现它弹出一个窗口，显示内容为小倩20。

4.这里需要注意一点的就是这个字符串msg中间不能有空格或者换行符，否则容易导致解析不正确。

5.因此，我更推荐如下的书写形式：

var msg = '{"team":['+
'{"name":"辛星","age":23},'+
'{"name":"小倩","age":20},'+
'{"name":"小楠","age":20}'+
']}';
var obj = JSON.parse(msg);
alert(obj.team[1].name +obj.team[1].age);

 

************关于JSON的解析**************

1.其实不用我说，我想大家也都明白，既然json只是一种数据格式，那肯定是跨语言的。

2.而且Javascript的很多框架也是支持json的解析的，这一点还是蛮好的。

转载于:https://www.cnblogs.com/xinxing/p/3859482.html