《Web前端开发技术》_第5章 数据传送格式.pptxVIP

本讲内容数据传输概述JSON格式JSON格式使用实例XML格式XMLHttpRequest对象XML格式使用实例

数据传输概述应用开发少不了数据传送在基于HTML5应用开发中，客户端与服务器端的数据传送方式方法，HTML5数据处理是基于JavaScript语言进行的。而当前应用程序开发中，采取的数据传输包括两种主要格式：JSON格式：一种描述性JavaScript对象XML格式：可自定义标签的标签语言，类似HTML文档格式计算机与信息工程系

JSON格式在第四章中，介绍JavaScript语言基础的对象曾提到了关于对象创建时，可采用大括号（{}）方式创建，这种对象被称为JSON（JavaScriptObjectNotation）对象，JSON是JavaScript语言对象的表示方法，同时也是一种信息交换格式，实际的应用系统开发中，通常采取XML格式数据和JSON格式数据，而采用JSON格式比XML格式存储和传送信息占用空间小，传输速度更快，且更容易被解析，JSON具有明显的优势。计算机与信息工程系

JSON格式在JavaScript语言中，JSON的定义格式：{//JSON对象的定义开始属性1:值1,//属性和值之间使用英文冒号（:）间隔属性2:值2,//属性和属性之间用英文逗号（,）间隔…属性n:值n,方法1:function(){}//JSON对象中定义方法方法2:function(){}…方法n:function(){}}计算机与信息工程系

JSON格式通过JSON的定义格式可以看到，JSON以“{”符号开始并以“}”符号结束。其开始符号和结束符号之间包括了对象的成员定义，包括成员方法和成员属性。每个定义称之为声明，声明以key/value对出现。在标准JSON格式中声明中的属性名称和方法名称用双引号括起来，值或方法的实现根据情况给出。key和value之间采用冒号（:）分隔，声明之间采用逗号（,）分隔。计算机与信息工程系

JSON格式可将JSON对象直接赋值给变量。其格式为：var对象名={/*JSON对象体*/};JSON是对JavaScript语言中对象的序列化，不仅以JavaScript语言的对象形式出现，而且可通过字符串形式表示，字符串形式和对象形式相互之间可转换，这种转换使用JavaScript语言内置的JSON对象完成。计算机与信息工程系

JSON对象JSON对象包括了对JSON格式的解析相关方法。JSON对象不可以被构造，而是通过其提供的两个静态方法实现JSON格式的解析和转换。JSON对象包括两个方法：JSON.parse(text[,reviver])把一个JSON格式的字符串转换成JSON对象JSON.stringify(value[,replacer[,space]])把一个JavaScript对象或数组转换成JSON格式字符串计算机与信息工程系

JSON对象JSON对象的属性值类型包括以下几种：1.数字（整数或浮点数），任何时候无需引号括起来；2.字符串（在双引号中），注意字符串格式中必须是双引号；3.逻辑值（true或false），任何时候无需引号括起来；4.数组（在方括号中）；5.对象（在花括号中）；6.null，任何时候无需引号括起来。要注意的是在JavaScript脚本语言中，方括号和大括号含义的区别，方括号（[]）表示数组，大括号（{}）表示对象。计算机与信息工程系

JSON格式实例varnews=[{//数组容纳多条新闻id:新闻流水号，惟一标识一条新闻,title:新闻标题,author:发布新闻的人,ndate:发布新闻的日期,resume:新闻概要，根据需要可设定50-200字以内,timg:新闻的标题图片，缩略图，最大尺寸不超过100x100像素,ttype:新闻热点类型，包括置顶、热门等},…//每个JSON对象代表一条新闻]计算机与信息工程系

XML格式在学习HTML过程中，可以了解到HTML是以标签方式编写，而XML（ExtensibleMarkupLanguage）是HTML的扩展标签语言，XML比HTML更加灵活，HTML的标签是固有的（已经被定义），而XML标签没有固定的，所有标签均可根据实际需要自行定义，但在语法要求上XML比HTML严格。在XML中严格要求所有标签必须有开始标签和结束标签。计算机与信息工程系

XML格式XML文件是一个纯文本文件，可用任何文本编辑工具编辑，通常XML文件的首行用以声明文件类型、版本以及内容的编码等信息，每个XML文件只能包括一个根标签，根标签下的子标签个数