JSON是什么,如何处理转义?
9743WEBJSON2018-01-042019-02-21

背景介绍

JSON一种数据交换格式。在JSON出现之前, 大家一直用XML来传递数据。因为XML是一种纯文本格式,所以它适合在网络上交换数据。XML本身不算复杂,但是, 加上DTD、XSD、XPath、XSLT等一大堆复杂的规范以后,即使你努力钻研几个月,也未必搞得清楚XML的规范。

终于,在2002年的一天,道格拉斯·克罗克福特发明了JSON这种超轻量级的数据交换格式。

由于JSON非常简单,很快就风靡Web世界。而在JavaScript中,我们可 以直接使用JSON,因为JavaScript内置了JSON的解析。把任何JavaScript对象变成JSON,就是把这个对象序列化成一个JSON 格式的字符串,这样才能够通过网络传递给其他计算机。如果我们收到一个JSON格式的字符串,只需要把它反序列化成一个JavaS cript对象,就可以在JavaScript中直接使用这个对象了。

知识剖析

JSON语法

数据在名称/值对中

数据由逗号分隔

大括号保存对象

中括号保存数组

JSON值

数字(整数/浮点数)

字符串(双引号)

布尔值(true/false)

数组(中括号中)

对象(大括号中)

null

实例

JSON 数据的书写格式是:名称/值对。

名称/值对组合中的名称写在前面(在双引号中),值对写在后面,中间用冒号隔开,

其中 值 可以是:数字(整数或浮点数)、字符串(在双引号中)、逻辑值(true或false)、数组(在方括号中)、对象(在花括号中)、null

使用方式:

varjson= {“name”:”myname”,”password”:123456}

或者是嵌套使用

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
  myObj = {

"name":"runoob",

"alexa":10000,

"sites": {

"site1":"www.runoob.com",

"site2":"m.runoob.com",

"site3":"c.runoob.com"

}

}

console.log(myObj)

//输出结果:

Object {name: "runoob", alexa: 10000, sites: Object}

转义概述

为什么需要转义?在js中我们使用的js对象进行处理,但是在与后端数据交换的时候,我们发送规定的json格式的字符串,所以在给后端发送或接受数据的时候,需要

{name:”myname”,password:123456} <–> “{“name”:”myname”,”password”:123456}”

其中json字符串转js对象,调用parse方法:

js对象 = JSON.parse(json字符串);

js对象转json字符串,调用stringify方法:

json字符串 = JSON.stringify(js对象);

常见问题

除了以上两种方法还有什么可以转化

解决方案

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
用eval_r('('+json字符串+')')这个方法可以实现json计算

var value = 1;

var js = '{"data1":"hello","data2":value++}';

console.log(js);

var data1 = eval("("+js+")");

console.log(data1);

var data2=JSON.stringify(js);

console.log(data2);
`

eval_r获取的json对象的值中,如果有执行代码,也将照样执行!所以若不能保证数据的安全性,不要使用eval_r方法进行转义。

扩展思考

我们常看到{name:”myname”,password:123456}和{“name”:”myname”,”password”:123456}这样两种格式,即js对象和json,然而js对象和json有什么不一样的地方?

一个栗子大家可以自己在浏览器上运行一下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<script>

var jso1={

a:"name","b":"age"

};

var jso2={

"a":"name","b":"age"

};

console.log(jso1.a === jso2.a);

console.log(jso1.b === jso2.b);

console.log(jso1 === jso2);

console.log(jso1);

console.log(jso2);

var jso3=JSON.stringify(jso1);

console.log(jso3);

var jso4=JSON.parse({

'a':"name","b":"age"

});

var jso4=JSON.parse('{\"a\":\"name\", \"b\":\"age\"}');

console.log(jso4);

</script>
`

参考文献

参考一:百度百科

参考二:Json对象和Json字符串的区别

参考三:json属性名必须加引号的讨论

更多讨论

Q:JSON对象有什么遍历方法,如何做

A:用jq方法$.each遍历json对象

Q:angularjs如何转换字符串和对象

A:angular.fromJson( );

angular.toJson();

Q:json和jisonp有什么区别

A:json返回的是一串数据;而jsonp返回的是脚本代码(包含一个函数调用)