《基于html5的app开发教程教学课件作者张暑军第5章数据传送格式》由会员分享，可在线阅读，更多相关《基于html5的app开发教程教学课件作者张暑军第5章数据传送格式（31页珍藏版）》请在金锄头文库上搜索。
1、计算机与信息工程系,数据传送格式,基于HTML5的APP开发教程,本讲内容,数据传输概述 JSON格式 JSON格式使用实例 XML格式 XMLHttpRequest对象 XML格式使用实例,数据传输概述,应用开发少不了数据传送 在基于HTML5应用开发中，客户端与服务器端的数据传送方式方法，HTML5数据处理是基于JavaScript语言进行的。而当前应用程序开发中，采取的数据传输包括两种主要格式： JSON格式：一种描述性JavaScript对象 XML格式：可自定义标签的标签语言，类似HTML文档格式,计算机与信息工程系,JSON格式,在第四章中，介绍JavaScript语言基础的对象曾
2、提到了关于对象创建时，可采用大括号（）方式创建，这种对象被称为JSON （JavaScript Object Notation）对象，JSON是JavaScript语言对象的表示方法，同时也是一种信息交换格式，实际的应用系统开发中，通常采取XML格式数据和JSON格式数据，而采用JSON格式比XML格式存储和传送信息占用空间小，传输速度更快，且更容易被解析，JSON具有明显的优势。,计算机与信息工程系,JSON格式,在JavaScript语言中，JSON的定义格式： /JSON对象的定义开始 属性1:值1, /属性和值之间使用英文冒号（:）间隔 属性2:值2, /属性和属性之间用英文逗号（,）
3、间隔 属性n:值n, 方法1:function() /JSON对象中定义方法 方法2:function() 方法n: function() ,计算机与信息工程系,JSON格式,通过JSON的定义格式可以看到，JSON以“”符号开始并以“”符号结束。其开始符号和结束符号之间包括了对象的成员定义，包括成员方法和成员属性。每个定义称之为声明，声明以key/value对出现。在标准JSON格式中声明中的属性名称和方法名称用双引号括起来，值或方法的实现根据情况给出。key和value之间采用冒号（:）分隔，声明之间采用逗号（,）分隔。,计算机与信息工程系,JSON格式,可将JSON对象直接赋值给变量。其
4、格式为： var = /*JSON对象体*/; JSON是对JavaScript语言中对象的序列化，不仅以JavaScript语言的对象形式出现，而且可通过字符串形式表示，字符串形式和对象形式相互之间可转换，这种转换使用JavaScript语言内置的JSON对象完成。,计算机与信息工程系,JSON对象,JSON对象包括了对JSON格式的解析相关方法。JSON对象不可以被构造，而是通过其提供的两个静态方法实现JSON格式的解析和转换。JSON对象包括两个方法： JSON.parse(text, reviver) 把一个JSON格式的字符串转换成JSON对象 JSON.stringify(valu
5、e, replacer, space) 把一个JavaScript对象或数组转换成JSON格式字符串,计算机与信息工程系,JSON对象,JSON对象的属性值类型包括以下几种： 1. 数字（整数或浮点数），任何时候无需引号括起来； 2. 字符串（在双引号中），注意字符串格式中必须是双引号； 3. 逻辑值（true 或 false），任何时候无需引号括起来； 4. 数组（在方括号中）； 5. 对象（在花括号中）； 6. null，任何时候无需引号括起来。 要注意的是在JavaScript脚本语言中，方括号和大括号含义的区别，方括号（）表示数组，大括号（）表示对象。,计算机与信息工程系,JSON格式
6、实例,var news=/数组容纳多条新闻 id: “新闻流水号，惟一标识一条新闻“, title:“新闻标题“, author:“发布新闻的人“, ndate:“发布新闻的日期“, resume:“新闻概要，根据需要可设定50-200字以内“, timg:“新闻的标题图片，缩略图，最大尺寸不超过100x100像素“, ttype: “新闻热点类型，包括置顶、热门等“ ,/每个JSON对象代表一条新闻 ,计算机与信息工程系,XML格式,在学习HTML过程中，可以了解到HTML是以标签方式编写，而XML（Extensible Markup Language）是HTML的扩展标签语言，XML比HT
7、ML更加灵活，HTML的标签是固有的（已经被定义），而XML标签没有固定的，所有标签均可根据实际需要自行定义，但在语法要求上XML比HTML严格。在XML中严格要求所有标签必须有开始标签和结束标签。,计算机与信息工程系,XML格式,XML文件是一个纯文本文件，可用任何文本编辑工具编辑，通常XML文件的首行用以声明文件类型、版本以及内容的编码等信息，每个XML文件只能包括一个根标签，根标签下的子标签个数没有限制，标签嵌套的深度也没有限制，其基本的文件格式为： ,计算机与信息工程系,XML格式,XML中没有固有标签，所有标签都是使用者自己定义的。其定义格式为： 内容 对于中间没有内容的标签，其定义
8、格式为： / 标签也被称作节点或元素，标签及其属性命名需要注意： 1名称中不能出现空格； 2. 名称以文字开头，不要以数字或其他非文字符号开头； 3名称对大小写没有限制，但起始标签和结束标签名称要保持一致。,计算机与信息工程系,XML格式,在XML文档中可以包含注释，注释是用来对XML文档中的内容进行解释说明的，注释的格式与HTML文档是相同的，格式如下： XML文档中包含中文时，通常选择编码GBK、GB2312、GB18030或UTF-8，否则浏览器浏览时不能正确显示。,计算机与信息工程系,XML格式,XMLDocument对象是XML文档的DOM对象，可用来加载XML文档： var xml
9、Doc = document.implementation.createDocument(“namespaceURI”, “elementName”, null);/创建内存XML文档,第三个参数是文档类型，默认为null function documentLoaded (e) alert(new XMLSerializer().serializeToString(e.target); / 将加载的XML内容序列化为字符串并通过对话框弹出 xmlDoc.addEventListener(“load”, documentLoaded, false);/向文档添加load事件 xmlDoc.loa
10、d(test.xml);/加载xml文档,计算机与信息工程系,XML解析,XML格式的数据在使用中被解析后才可获得其中需要的数据，在JavaScript语言中，XML文档或XML格式的字符串解析提供了四种方式： 1XMLSerializer 2XPath 3DOMParser 4XSLTProcessor,计算机与信息工程系,XML解析,XMLSerializer对象： 将一个XML文档的DOM对象序列化为XML字符串，该对象包括一个序列化转换方法XMLSerializer.serializeToString()，该方法返回序列化后的字符串。,计算机与信息工程系,XML解析,XPath是XML
11、路径语言，采用非XML语法提供灵活的地址访问方法访问XML文档的不同部分，也可用以测试一个文档内的节点是否匹配一个模式。XPath主要被XSLT语言使用，也可被任何类似于XML的DOM对象使用，如HTML，可替代document.getElementById()方法、元素子节点访问element.childNodes属性以及DOM对象的核心功能。,计算机与信息工程系,XML解析,XPath通过路径导航XML文档的层次结构，使用非XML语法，因此可以被使用在URI、XML属性值中。使用document.evaluate()方法解析XPath并获得一个XPathResult对象，XPathResu
12、lt对象能够访问一个单独的节点或节点集。document.evaluate()方法使用的完整格式为： var xpathResult = document.evaluate(xpathExpression,contextNode,namespaceResolver, resultType,result);,计算机与信息工程系,XML解析,document.evaluate()方法其中包含的参数有： 1xpathExpression：字符串，包含XPath字符串的表达式； 2contextNode：对象，包含XPath的文档中的节点，通常使用document节点； 3namespaceResol
13、ver：函数，传递一个包含在xpathExpression里的命名空间前缀的参数，函数返回一个字符串，代表了分配前缀的命名空间URI，对于HTML文档或非命名空间前缀被使用时使用null，该函数还可以是用户自定义函数或由XPathEvaluator对象的方法createNSResolver()创建； 4）resultType：常量，返回的结果类型，通常使用XPathResult.ANY_TYPE常量； 5）result：XPathResult对象，如果一个存在的XPathResult对象被提供，将被重用，为null将新建一个XPathResult对象。,计算机与信息工程系,XML解析,DOMP
14、arser对象将一个字符串形式的XML内容解析为DOM对象；为了使用DOMParser对象使用new运算符构造对象即可。DOMParser对象可以转换HTML（MIME类型为text/html）字符串、XML（application/xml）字符串甚至能够转换矢量图SVG（image/svg+xml）格式的图片。 注意：DOMParser解析错误时不抛出错误，而是返回一个错误文档。格式如下： （错误描述） 源文档片段内容 ,计算机与信息工程系,XML解析,XSLTProcessor ：是应用一个XSLT样式表文件将XML格式转换成其他格式，包括转换成另一个XML格式，其语法结构： var xs
15、ltproc = new XSLTProcessor(); 方法： XSLTProcessor.importStylesheet(Node styleSheet)，加载XSLT样式表XSL文件，XSL文件通常是一个XML格式的文件,计算机与信息工程系,XML解析,XSLTProcessor.transformToFragment(Node source, Document owner)，将一个XML格式的文档转换成另一个文档的子节点 XSLTProcessor.transformToDocument(Node source)，转换一个XML格式文档为其他格式，支持格式有xml，html，tex
16、t XSLTProcessor.setParameter(String namespaceURI, String localName, any value)，设置定义的参数值 XSLTProcessor.getParameter(String namespaceURI, String localName)，获取由设置的参数值,计算机与信息工程系,XML解析,XSLTProcessor.removeParameter(String namespaceURI, String localName)，删除之前给定的参数值，让XSLTProcessor使用默认值 XSLTProcessor.clearParameters()，删除所有给定参数值，使用默认值 XSLTProcessor.reset()，移除所有的参数以及XSLT样式表。 在内存中创建一个新的XML文档使用： var xmlRef = document.implementation.create
