JSON 读书笔记
JSON
JSON：JavaScript 对象表示法（JavaScript Object Notation）。
JSON 是存储和交换文本信息的语法。类似 XML。
JSON 比 XML 更小、更快，更易解析。
什么是 JSON ？
JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）JSON 是轻量级的文本数据交换格式JSON 独立于语言 *JSON 具有自我描述性，更易理解JSON 使用 JavaScript 语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。
将json数据输出到页面:
<html> <body> <p> Name:<span id="i1" ></span> Gender:<span id='i2'></span> job:<span id = 'i3'></span> title:<span id='i4'></span> </p> <script type="text/javascript"> var JObject = { 'name':'bill', 'gender':'male', 'job':'ceo', 'title':'leader' } document.getElementById('i1').innerHTML=JObject.name; document.getElementById('i2').innerHTML=JObject.gender; document.getElementById('i3').innerHTML=JObject.job; document.getElementById('i4').innerHTML=JObject.title; </script> </body></html>类似 XML
JSON 是纯文本JSON 具有“自我描述性”（人类可读）JSON 具有层级结构（值中存在值）JSON 可通过 JavaScript 进行解析JSON 数据可使用 AJAX 进行传输相比 XML 的不同之处
没有结束标签更短读写的速度更快能够使用内建的 JavaScript eval() 方法进行解析使用数组不使用保留字为什么使用 JSON？
对于 AJAX 应用程序来说，JSON 比 XML 更快更易使用：
使用 XML
读取 XML 文档使用 XML DOM 来循环遍历文档读取值并存储在变量中使用 JSON
读取 JSON 字符串用 eval() 处理 JSON 字符串JSON 语法是 JavaScript 对象表示法语法的子集。
数据在名称/值对中数据由逗号分隔花括号保存对象方括号保存数组JSON 值
JSON 值可以是：
数字（整数或浮点数）字符串（在双引号中）逻辑值（true 或 false）数组（在方括号中）对象（在花括号中）nullJSON 对象
{ "firstName":"John" , "lastName":"Doe" }JSON 数组{"employees": [{ "firstName":"John" , "lastName":"Doe" },{ "firstName":"Anna" , "lastName":"Smith" },{ "firstName":"Peter" , "lastName":"Jones" }]}在上面的例子中，对象 "employees" 是包含三个对象的数组。每个对象代表一条关于某人（有姓和名）的记录。js创建对象数组
<html> <body> <script type="text/javascript"> var staffs = [ {'name':'mike','title':'ceo'}, {'name':'mi','title':'business'}, {'name':'me','title':'store'}, {'name':'jimmy','title':'dev'}, {'name':'catey','title':'tester'} ] var v1 = staffs[0].title;//访问数组staffs第一个元素的title属性 document.write(v1)//ceo </script> </body></html>javascript eval()函数,他是javascript的编译器,可以解析json文件
<html><!-- 由于 JSON 语法是 JavaScript 语法的子集，JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。 --><!-- eval() 函数使用的是 JavaScript 编译器，可解析 JSON 文本，然后生成 JavaScript 对象。必须把文本包围在括号中，这样才能避免语法错误：var obj = eval ("(" + txt + ")"); --><body><p> First Name: <span id="fname"></span><br /> Last Name: <span id="lname"></span><br /> </p> <script type="text/javascript"> var txt = '{"employees":[' +//注意javascript的字符串连接的规则 '{"firstName":"Bill","lastName":"Gates" },' + '{"firstName":"George","lastName":"Bush" },' + '{"firstName":"Thomas","lastName":"Carter" }]}'; var obj = eval ("(" + txt + ")"); document.getElementById("fname").innerHTML=obj.employees[1].firstName document.getElementById("lname").innerHTML=obj.employees[1].lastName </script></body></html>提示：eval() 函数可编译并执行任何 JavaScript 代码。这隐藏了一个潜在的安全问题。
使用 JSON 解析器将 JSON 转换为 JavaScript 对象是更安全的做法。JSON 解析器只能识别 JSON 文本，而不会编译脚本。
在浏览器中，这提供了原生的 JSON 支持，而且 JSON 解析器的速度更快。
较新的浏览器和最新的 ECMAScript (JavaScript) 标准中均包含了原生的对 JSON 的支持。
<html><body><p> First Name: <span id="fname"></span><br /> Last Name: <span id="lname"></span><br /> </p> <script type="text/javascript"> var txt = '{"employees":[' +//注意javascript的字符串连接的规则 '{"firstName":"Bill","lastName":"Gates" },' + '{"firstName":"George","lastName":"Bush" },' + '{"firstName":"Thomas","lastName":"Carter" }]}'; var obj = JSON.parse(txt)//利用JSON解析器 document.getElementById("fname").innerHTML=obj.employees[1].firstName document.getElementById("lname").innerHTML=obj.employees[1].lastName </script></body></html>