JSON详解

JSON

JSON是JavaScript Object Notation的缩写，它是一种数据交换格式。

在JSON中，一共有这么几种数据类型：

• number：和JavaScript的number完全一致；
• boolean：就是JavaScript的true或false；
• string：就是JavaScript的string；
• null：就是JavaScript的null；
• array：就是JavaScript的Array表示方式——[]；
• object：就是JavaScript的{ ... }表示方式。

JSON还定死了字符集必须是UTF-8，表示多语言就没有问题了。为了统一解析，JSON的字符串规定必须用双引号""，Object的键也必须用双引号""。

1. 转发或者重定向的不足

对于发出的请求，最终需要给出“成功/失败”的结果的话，转发的方式来处理给用户的体验就非常不好！即使用户填错了一项数据，都需要回退到此前的页面重新填写，而原本填写的其他数据可能需要再填写一次。

从客户端的角度出发，当用户发出请求后，如果是转发或者重定向，一定会发生页面的跳转，无法在页面中局部来提示消息。

从服务端的角度出发，其实还存在浪费流量的问题。如果只是为了表达成功或者失败，也许只需要一个1/0就可以了，不需要整个页面来表达。

2. 解决方法

1. 早期，会使用XML来组织服务器响应的数据，例如：

   <result>
   	<state>-1</state>
       <message>修改密码失败，原密码错误</message>
   </result>
   

   不过，这种做法导致的问题就是：

   • 解析很麻烦
   • 传输的数据量略大

2. 后来改用了JSON格式：

   {
       "state": -1,
       "message": "修改密码失败，原密码错误"
   }
   

3. JSON的优势

1. JSON是一种组织数据的格式，JavaScript天生就支持解析JSON数据

2. 这种格式相对于XML更加简洁，在传输过程中产生的流量将更小
   
   

4. JSON语法格式

JSON是在JavaScript中的一种对象型数据，其数据的组成方式大致是：

• 使用大括号框住所有内容
• 每项数据的名称都是字符串，需要使用引号（“单/双均可”）框住数据的名称
• 使用冒号使名称与值分隔
• 值可以使各种数据类型，数值型直接写，字符串类型加引号

在JavaScript中，可以直接访问JSON对象中的任意数据，语法为：

var obj = { "state": -1, "message": "error"};
var state = obj.state;
alert(state);

4.1. JSON中的数组

{
    "state": -1,
    "message": "error",
    "skill": ["java", "ajax", "html"]
}

4.2. JSON中的对象

在JSON中的某个数据的值也可以是对象型的：

{
    "state": -1,
    "message": "error",
    "skill": ["java", "ajax", "html"],
    "user":{
        "username": "Jack",
        "age": 18
    }
}

在JSON中，可以无限的嵌套下去，即：JSON对象中包括某个子集对象，子集对象中还可以继续包含一个子集的子集对象，如此一直包含下去…

5. JSON对象与JSON字符串转换

在实际应用中，JSON对象往往并不是直接编写出来的，而是通过服务器端返回的。而服务器端返回的一定是字符串，而不会是一个JSON对象。即服务器端返回的会是：

'{ "state": -1, "message": "error"}'

我们可以通过JSON.parse(str)函数将参数str进行转换，得到JSON对象：

var str = '{ "state": -1, "message": "error"}';
var obj = JSON.parse(str);