JSON

JSON简介与应用

最新推荐文章于 2025-09-06 08:46:07 发布

阳光下的冷静

最新推荐文章于 2025-09-06 08:46:07 发布

阅读量170

点赞数 1

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： JSON JSON.parse() JSON.stringify xml Json与XML的比较

本文链接：https://blog.youkuaiyun.com/m0_37686205/article/details/86157398

javascript 专栏收录该内容

111 篇文章

订阅专栏

什么是JSON?

JSON: JavaScript Object Notation(JavaScript 对象表示法)
JSON 是存储和交换文本信息的语法。类似 XML。
JSON 是轻量级的文本数据交换格式，比XML 更小，更快，更易解析
JSON 独立于语言：JSON 使用 Javascript语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。目前非常多的动态（PHP，JSP，.NET）编程语言都支持JSON。
JSON 具有自我描述性，更易理解

JSON语法：

JSON语法是 JavaScript对象表示法的子集。总结如下：

数据在名称/值对中：名称/值对包括字段名称（在双引号中），后面写一个冒号，然后是值：
数据由逗号分隔
大括号保存对象
中括号保存数组

JSON取值：

JSON值可以是：

数字（整数或浮点数）：{ "age":30 }
字符串（在双引号中）
逻辑值（true 或 false）：{ "flag":true }
数组（在中括号中）
对象（在大括号中）：{ "name":"菜鸟教程" , "url":"www.runoob.com" }
null：{ "runoob":null }

XML和JSON优缺点

XML的优缺点

<1>.XML的优点
　　A.格式统一，符合标准；
　　B.容易与其他系统进行远程交互，数据共享比较方便。
<2>.XML的缺点
　　A.XML文件庞大，文件格式复杂，传输占带宽；
　　B.服务器端和客户端都需要花费大量代码来解析XML，导致服务器端和客户端代码变得异常复杂且不易维护；
　　C.客户端不同浏览器之间解析XML的方式不一致，需要重复编写很多代码；
　　D.服务器端和客户端解析XML花费较多的资源和时间。

JSON的优缺点

<1>.JSON的优点：
　　A.数据格式比较简单，易于读写，格式都是压缩的，占用带宽小；
　　B.易于解析，客户端JavaScript可以简单的通过eval()进行JSON数据的读取；
　　C.支持多种语言，包括ActionScript, C, C#, ColdFusion, Java, JavaScript, Perl, PHP, Python, Ruby等服务器端语言，便于服务器端的解析；
　　D.在PHP世界，已经有PHP-JSON和JSON-PHP出现了，偏于PHP序列化后的程序直接调用，PHP服务器端的对象、数组等能直接生成JSON格式，便于客户端的访问提取；
　　E.因为JSON格式能直接为服务器端代码使用，大大简化了服务器端和客户端的代码开发量，且完成任务不变，并且易于维护。
<2>.JSON的缺点
　　A.没有XML格式这么推广的深入人心和喜用广泛，没有XML那么通用性；
　　B.JSON格式目前在Web Service中推广还属于初级阶段。

XML和JSON的优缺点对比

(1).可读性方面。
JSON和XML的数据可读性基本相同，JSON和XML的可读性可谓不相上下，一边是建议的语法，一边是规范的标签形式，XML可读性较好些。
(2).可扩展性方面。
XML天生有很好的扩展性，JSON当然也有，没有什么是XML能扩展，JSON不能的。
(3).编码难度方面。
XML有丰富的编码工具，比如Dom4j、JDom等，JSON也有json.org提供的工具，但是JSON的编码明显比XML容易许多，即使不借助工具也能写出JSON的代码，可是要写好XML就不太容易了。
(4).解码难度方面。
XML的解析得考虑子节点父节点，让人头昏眼花，而JSON的解析难度几乎为0。这一点XML输的真是没话说。
(5).流行度方面。
XML已经被业界广泛的使用，而JSON才刚刚开始，但是在Ajax这个特定的领域，未来的发展一定是XML让位于JSON。到时Ajax应该变成Ajaj(Asynchronous Javascript and JSON)了。
(6).解析手段方面。
JSON和XML同样拥有丰富的解析手段。
(7).数据体积方面。
JSON相对于XML来讲，数据的体积小，传递的速度更快些。
(8).数据交互方面。
JSON与JavaScript的交互更加方便，更容易解析处理，更好的数据交互。
(9).数据描述方面。
JSON对数据的描述性比XML较差。
(10).传输速度方面。
JSON的速度要远远快于XML。

JSON方法：

JSON.parse(): JSON通常用于与服务器端交换数据，客户端在接受服务器端数据时一般的是字符串，JSON.parse()方法将字符串数据转换成JavaScript对象。

   JSON.parse(text[, reviver])

   参数说明：
   text:必需， 一个有效的 JSON 字符串。
   reviver: 可选，一个转换结果的函数， 将为对象的每个成员调用此函数。

案例如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<h2>从 JSON 对象中创建 JavaScript 对象</h2>

<p id="demo"></p>

<script>
var obj = JSON.parse('{ "name":"runoob", "alexa":10000, "site":"www.runoob.com" }');
document.getElementById("demo").innerHTML = obj.name + "：" + obj.site;
</script>

</body>
</html>

输出如下：

从 JSON 对象中创建 JavaScript 对象
runoob：www.runoob.com

注：JSON.parse()方法的浏览器支持：

Firefox 3.5
Internet Explorer 8
Chrome
Opera 10
Safari 4

JSON.stringify():JSON通常用于与服务器端交换数据，客户端向服务器端发送数据时一般的是字符串，JSON.stringify()方法将JavaScript对象数据转换成字符串。

JSON.stringify(value[, replacer[, space]])

参数说明：
value:
必需， 一个有效的 JSON 对象。

replacer:
可选。用于转换结果的函数或数组。

如果 replacer 为函数，则 JSON.stringify 将调用该函数，并传入每个成员的键和值。使用返回值而不是原始值。如果此函数返回 undefined，则排除成员。根对象的键是一个空字符串：""。

如果 replacer 是一个数组，则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。当 value 参数也为数组时，将忽略 replacer 数组。

space:
可选，文本添加缩进、空格和换行符，如果 space 是一个数字，则返回值文本在每个级别缩进指定数目的空格，如果 space 大于 10，则文本缩进 10 个空格。space 有可以使用非数字，如：\t。

案例如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<h2>将 JavaScript 对象转换为 JSON 字符串</h2>

<p id="demo"></p>

<script>

var obj = { "name":"runoob", "alexa":10000, "site":"www.runoob.com"};
var myJSON = JSON.stringify(obj);
document.getElementById("demo").innerHTML = myJSON;

</script>

</body>
</html>

输出如下：

将 JavaScript 对象转换为 JSON 字符串
{"name":"runoob","alexa":10000,"site":"www.runoob.com"}

注：JSON.stringify()方法的浏览器支持：

Firefox 3.5
Internet Explorer 8
Chrome
Opera 10
Safari 4