ES5_02 _JSON对象

 

什么是JSON？

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

 

JSON使用：

把JSON转换为 JavaScript 对象

JSON 最常见的用法之一，是从 web 服务器上读取 JSON 数据（作为文件或作为 HttpRequest），将 JSON 数据转换为 JavaScript 对象，然后在网页中使用该数据。

为了更简单地为您讲解，我们使用字符串作为输入进行演示（而不是文件）。

例：

var txt = '{ "sites" : [' + '{ "name":"JSON教程" , "url":"www.baidu.com" },' + '{ "name":"google" , "url":"www.google.com" },' + '{ "name":"博客" , "url":"www.boke.com" } ]}';

JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象

转换：

var txt = '{ "sites" : [' + '{ "name":"JSON教程" , "url":"www.baidu.com" },' + '{ "name":"google" , "url":"www.google.com" },' + '{ "name":"博客" , "url":"www.boke.com" } ]}'; var obj = eval ("(" + txt + ")"); document.getElementById("name").innerHTML=obj.sites[0].name document.getElementById("url").innerHTML=obj.sites[0].url

 

补充：

JSON.stringify（）用法：

JSON 通常用于与服务端交换数据。

在向服务器发送数据时一般是字符串。

我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。

1. JSON.stringify(obj/arr)

    * js对象(数组)转换为json对象(数组)
2. JSON.parse(json)
   * json对象(数组)转换为js对象(数组)

语法参考：

 

参数说明：

• value:

  必需， 要转换的 JavaScript 值（通常为对象或数组）。

• replacer:

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

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

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

• space:

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

 

eval（）使用方法：