JavaScript处理XML及JSON

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,中天国际,JavaScript,处理XML及JSON,讲解：胡安康（欧美一组）,1,获取 XML 文档,Obtaining XML Documents,创建新文档,从网络载入文档,同步,异步,解析 XML 文本,2,用 DOM API 操作 XML,Manipulating XML with the DOM API,从 XML 数据中创建 HTML 表（示例）,XML 数据,数据结构（Shema）,转换规则,3,使用 XSLT 转换 XML,Transforming XML with XSLT,浏览器自动转换,JavaScript手工转换,XSL（XML格式的Stylesheet）,XML 数据源,在页面中显示的位置（id或者Element对象）,AJAXSLT开源项目,4,使用 XPath 查询 XML,Querying XML with XPath,XPath 示例,contact,contact1,contactlast( ),contactlast( )-1,./email,/email,contactpersonal=true,/xsl:template,contact/email,/contacts,contact1/email,contact/email2,id,contact/name,contact/email/text( ),/text( ),count(/email),5,序列化 XML,Serializing XML,将一个 XML 对象序列化为字符串,适用场景：,1. 把一个 XML 文档作为 XMLHttpRequest 对象所产生的一个 HTTP POST 请求的请求体来发送。,2. 为了将 XML 文档和元素用于调试消息，需要序列化 XML 对象。,6,JavaScript与JSON,JSON的概念,JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C+, C#, Java, JavaScript, Perl, Python等）。这些特性使JSON成为理想的数据交换语言。,7,JavaScript与JSON,JSON建构于两种结构,1. “名称/值”对的集合（A collection of name/value pairs）。不同的语言中，它被理解为对象（object），纪录（record），结构（struct），字典（dictionary），哈希表（hash table），有键列表（keyed list），或者关联数组 （associative array）。,8,JavaScript与JSON,JSON建构于两种结构,2. 值的有序列表（An ordered list of values）。在大部分语言中，它被理解为数组（array）。,9,JSON中的元素,对象：,对象是一个无序的“名称/值对”集合。一个对象以“”（左括号）开始，“”（右括号）结束。每个“名称”后跟一个“:”（冒号）；“名称/值 对”之间使用“,”（逗号）分隔。,10,JSON中的元素,数组：,数组是值（value）的有序集合。一个数组以“”（左中括号）开始，“”（右中括号）结束。值之间使用“,”（逗号）分隔。,11,JSON中的元素,值：,值（value）可以是双引号括起来的字符串（string）、数值(number)、true、false、 null、对象（object）或者数组（array）。这些结构可以嵌套。,12,JSON中的元素,字符串：,字符串（string）是由双引号包围的任意数量Unicode字符的集合，使用反斜线转义。一个字符（character）即一个单独的字符串（character string）。,字符串（string）与C或者Java的字符串非常相似。,13,JSON中的元素,字符串：,14,JSON中的元素,数值：,数值（number）也与C或者Java的数值非常相似。除去未曾使用的八进制与十六进制格式。除去一些编码细节。,15,