㈠什么是JSON？
- JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）
- JSON 是轻量级的文本数据交换格式
- JSON 独立于语言：JSON 使用 Javascript语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。 目前非常多的动态（PHP，JSP，.NET）编程语言都支持JSON。
- JSON 具有自我描述性，更易理解
㈡JSON与XML的比较
⑴与 XML 相同之处
- JSON 是纯文本
- JSON 具有"自我描述性"（人类可读）
- JSON 具有层级结构（值中存在值）
- JSON 可通过 JavaScript 进行解析
- JSON 数据可使用 AJAX 进行传输
⑵与 XML 不同之处
- 没有结束标签
- 更短
- 读写的速度更快
- 能够使用内建的 JavaScript eval() 方法进行解析
- 使用数组
- 不使用保留字
⑶为什么使用 JSON？
☀对于 AJAX 应用程序来说，JSON 比 XML 更快更易使用：
①使用 XML
- 读取 XML 文档
- 使用 XML DOM 来循环遍历文档
- 读取值并存储在变量中
②使用 JSON
- 读取 JSON 字符串
- 用 eval() 处理 JSON 字符串
㈢JSON的详细讲解
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JSON的相关知识</title>
<script>
/*
* JSON
* - JS中的对象只有JS自己认识，其他的语言都不认识
* - JSON就是一个特殊格式的字符串，这个字符串可以被任意的语言所识别，
* 并且可以转换为任意语言中的对象，JSON在开发中主要用来做数据的交互
*
* JSON
* - JavaScript Object Notation JS对象表示法
* - JSON和JS对象的格式一样，只不过JSON字符串中的属性名必须加双引号
* 其他的和JS语法一致
*
* - JSON分类：
* 1.对象 {}
* 2.数组 []
*
* - JSON中允许的值：
* 1.字符串
* 2.数值
* 3.布尔值
* 4.null
* 5.对象
* 6.数组
*
* */
//示例：创建一个对象
var obj = '{"name":"孙悟空","age":18,"gender":"男"}'; //对象格式
var arr = '[1,2,3,"hello",true]'; //数组格式
var obj2 = '{"arr":[1,2,3]}';
var arr2 = '[{"name":"孙悟空","age":18,"gender":"男"},{"name":"孙悟空","age":18,"gender":"男"}]'
/*
* 将json字符串转换为JS对象
* 在JS中，为我们提供了一个工具类，就叫做JSON（大写）
* 这个对象可以帮助我们将一个json转换为JS对象，也可以将一个JS对象转换为json
* */
var obj = '{"name":"猪八戒","age":18,"gender":"男"}';
/*
* json --> js对象
* 语法：JSON.parse();
* -可以将json字符串转换为JS对象
* - 它需要一个json字符串作为参数，会将该字符串转换为JS对象并返回
*/
var o = JSON.parse(json);
console.log(o.name); //结果返回猪八戒
var arr = '[1,2,3,"hello",true]';
var o2 = JSON.parse(arr);
console.log(o2[0]); //结果返回1
/*
* js对象 --> json
* 语法：JSON.stringify();
* - 可以将一个JS对象转换为json字符串
* - 需要一个JS对象作为参数，会返回一个json字符串
* */
var obj3 = {name:"铁扇公主",age:38,gender:"女"};
var str = JSON.stringify(obj3);
console.log(str);
/*
* JSON这个对象在IE7及以下的浏览器中不支持，所以在这些浏览器中会报错
* 如果需要兼容IE7及以下的json操作，则可以通过引用一个外部的js文件来处理
*/
/*
* eval（）
* - 这个函数可以用来执行一段字符串格式的JS代码，并将执行结果返回
* - 如果使用eval()执行的字符串中含有{},它会将{}当成是代码块
* 如果不希望将其当成代码块解析，则需要在字符串前后各加一个（）
*
* - eval()这个函数的功能很强大，可以直接执行一个字符串中的JS代码，
* 但是在开发中尽量不要使用，首先它的执行性能比较差，然后它还具有安全隐患
*/
var str = '{"name":"孙悟空","age":18,"gender":"男"}';
var str2 = "alert(hello);";
var obj = eval("("+str+")");
console.log(obj);
</script>
</head>
<body>
</body>
</html>