第11章JSON分析.ppt

JSON JSON格式介绍 JSON语法 在JavaScript中使用JSON 处理返回的动态数据 * JSON格式 JSON即JavaScript Object Notation，是一种轻量级的数据交换格式。JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯。这些特性使JSON成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成。 利用JSON，你能够用文本和一些大括号表示复杂的对象和映射。可以从其它的语言（如PHP,C#,Python和Ruby）发送和接收JSON。 * JSON 语法 JSON 语法是 JavaScript 对象表示语法的子集。 数据在名称/值对中 数据由逗号分隔 花括号保存对象 方括号保存数组 JSON 名称/值对：包括字段名称（在双引号中），后面写一个冒号，然后是值。 firstName:John 等价于这条 JavaScript 语句： firstName=John * JSON 语法（续） JSON 值可以是： 数字（整数或浮点数） 字符串（在双引号中） 逻辑值（true 或 false） 数组（在方括号中） 对象（在花括号中） null * JSON 基础结构 JSON简单说就是JavaScript中的对象和数组，所以这两种结构就是对象和数组两种结构，通过这两种结构可以表示各种复杂的结构： 对象：在JavaScript中表示为{} 括起来的内容，为键值对的结构，在面向对象的语言中，key为对象的属性，value为对应的属性值，所以很容易理解，取值方法为 对象.key 获取属性值。 数组：在JavaScript中是中括号[]括起来的内容，数据结构为 [“JavaScript”,“VB”,...]，取值方式和所有语言中一样，使用索引获取。 * JSON 示例 在这个示例中，只有一个名为 people的变量，值是包含三个条目的数组，每个条目是一个人的记录，其中包含名、姓和电子邮件地址。  * 在JavaScript中使用JSON JSON 是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。在上面的示例中，要想访问 people列表的第一个条目的姓氏，只需在 JavaScript 中使用下面这样的代码（p为保存JSON字符串的变量名）： p.people[0].lastName; 将对象转换回文本格式也很简单： var text = p.toJSONString(); 更重要的是，可以将任何JavaScript 对象转换为 JSON 文本。  * 如何从服务器的响应中得到JSON 服务器将响应作为JSON数据发送时，数据会作为文本通过网络传递，所以可以使用请求对象的responseText属性来得到这个数据： var jsonData = request.responseText; 使用JavaScript的内置方法eval()手动计算文本，它将文本转换为一个对象，从而避免直接解析原始文本时的问题： var details = eval(‘(’+ request.responseText + ‘)’) 需要额外加上这组括号，以保证整个JSON响应串被视为一个对象。  * eval（）的问题 eval（）会计算你提供的任何代码，完全不考虑计算会导致什么结果，这样会导致一些安全问题。虽然Ajax请求对象只能对同一个服务器上的程序建立请求（即创建请求的JavaScript所在的服务器），但服务器仍可能返回一个不正确的JSON，如果代码中有错误，计算这样的代码会导致用户生成错误。 解决方案：使用JSON网站（）提供的一个JSON解析器。然后在JavaScript中这样使用： var details = JSON.parse(request.responseText); * eval（）的问题 eval（）会计算你提供的任何代码，完全不考虑计算会导致什么结果，这样会导致一些安全问题。虽然Ajax请求对象只能对同一个服务器上的程序建立请求（即创建请求的JavaScript所在的服务器），但服务器仍可能返回一个不正确的JSON，如果代码中有错误，计算这样的代码会导致用户生成错误。 解决方案：使用JSON网站（）提供的一个JSON解析器。然后在JavaScript中这样使用： var details = JSON.parse(request.responseText); * 处理返回的动态数据 使用for/in语法，JavaScript会告诉你一个对象有哪些属性，具体代码如下： for (var property in itemDetails) { var prope