Ajax2-JSON数据结构及使用方法.pptVIP

* * * * * * * JSON 最常见的用法之一，是从 web 服务器上读取 JSON 数据，将 JSON 数据转换为 JavaScript 对象，然后在网页中使用该数据。 由于 JSON 语法是 JavaScript 语法的子集，JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。 eval() 函数使用的是 JavaScript 编译器，可解析 JSON 文本，然后生成 JavaScript 对象。必须把文本包围在括号中，这样才能避免语法错误 * eval() 函数可编译并执行任何 JavaScript 代码。这隐藏了一个潜在的安全问题。 使用 JSON 解析器将 JSON 转换为 JavaScript 对象是更安全的做法。JSON 解析器只能识别 JSON 文本，而不会编译脚本。 * * * 内容类型 “text/xml” 或 “text/plain” * * 内容类型 “text/xml” 或 “text/plain” * * * * Web 2.0页面设计核心 Ajax第2章： JSON数据结构及使用方法 回顾 Ajax实例开发过程 Ajax客户端与服务端交互流程 创建XMLHttpRequest对象 XMLHttpRequest对象的属性 XMLHttpRequest对象的方法 本章内容 JSON 简介 JSON 语法规则 一个简单的例子 语法规则 JSON对象 JSON数组 如何使用JSON JSON简介 JSON是什么 JSON：JavaScript 对象表示法（JavaScript Object Notation） JSON 是存储和交换文本信息的语法。类似 XML。 JSON 比 XML 更小、更快，更易解析。 JSON简介 为什么使用JSON JSON数据格式同XML相比更轻巧和快速 JSON 对象和无类型的XML数据相比是有类型。JSON 类型: string、number、array、boolean等；XML数据都是字符串 XML数据需要通过DOM API 解析，与此相比，JSON对象的数据容易访问 JSON语法规则 一个简单的例子 script type=text/javascript var JSONObject = { name:Bill Gates, status:online, level:gold }; alert(JSONO); JSONO = Oracle; alert(JSONO); /script JSON语法规则 JSON语法规则 JSON只有两种结构：对象和数组，由这两种结构嵌套和组合来表示各式各样的数据。 属性/值对 数据对象由一系列的“属性/值对”来表示。字段名称（在双引号中），后面写一个冒号，然后是值。 “name”:“Bill Gates” JSON 值 数字（整数或浮点数） 字符串（在双引号中） 逻辑值（true 或 false） 数组（在方括号中） 对象（在花括号中） null JSON语法规则 JSON对象 数据对象可以有多个“属性/值对”，由逗号分隔 name:Bill Gates,status:online“ 花括号保存对象 {name:Bill Gates,status:online,level:gold“} JSON语法规则 JSON数组 JSON数组可以包含一个或多个JSON对象 JSON数组由’[’开始，’]’结束 数组的值用逗号（,）分开 var arr=[wangwu, 40]; var arrobj=[{name:wangwu, age:40}]; JSON语法规则 JSON与JavaScript JSON 使用 JavaScript 语法 因为 JSON 使用 JavaScript 语法，所以无需额外的软件就能处理 JavaScript 中的 JSON var obj={name:wangwu}; var arrobj=[{name:wangwu, age:40}]; alert(); alert(arrobj[0].name); =wanglei; arrobj[0].name=wangxin; JSON与XML 对于Ajax应用程序来说，JSON 比 XML 更快更易使用 使用 XML 读取 XML 文档 使用 XML DOM 来循环遍历文档 读取值并存储在变量中 使用 JSON 读取 JSON 字符串 用 eval() 或 JSON解析器处理 JSON 字符串 客户端使用JSON 使用eval()函数将JSON文本转换为JSON对象 eval() 调用 JavaScript 编译器 既然JSON是 JavaScript 的真子集，编译器将正确分