Ajax是XMLHttpRequest对象和JavaScript、XML、CSS、DOM等多种技术的组合。
其中,只有XMLHttpRequest对象是新技术,其他的均为已有技术。下面我们就对Ajax使用的技术进行简要介绍。
一 XMLHttpRequest对象
Ajax使用的技术中,最核心的技术就是XMLHttpRequest,它是一个具有应用程序接口的JavaScript对象,能够使用超文本传输协议(HTTP)连接一个服务器,是微软公司为了满足开发者的需要,于1999年在IE 5.0浏览器中率先推出的。现在许多浏览器都对其提供了支持,不过实现方式与IE有所不同。
二 XML
XML是Extensible Markup Language(可扩展的标记语言)的缩写,它提供了用于描述结构化数据的格式,适用于不同应用程序间的数据交换,而且这种交换不以预先定义的一组数据结构为前提,增强了可扩展性。XMLHttpRequest对象与服务器交换的数据,通常采用XML格式。下面我们将对XML进行简要介绍。
1.XML文档结构
XML是一套定义语义标记的规则,也是用来定义其他标识语言的元标识语言。使用XML时,首先要了解XML文档的基本结构,然后再根据该结构创建所需的XML文档。下面我们先通过一个简单的XML文档来说明XML文档的结构。placard.xml文件的代码如下:
<?xml version="1.0" encoding="GBK"?> <!--说明是XML文档,并指定XML文档的版本和编码-->
<placard version="2.0"> <!--定义XML文档的根元素,并设置version属性-->
<description>公告栏</description> <!--定义XML文档元素-->
<createTime>创建于2011年06月15日 16时09分</createTime>
<info id="1"> <!--定义XML文档元素-->
<title>重要通知</title>
<content><![CDATA[今天下午4:50将进行乒乓球比赛,请各位选手做好准备。]]></content>
<pubDate>2011-06-15 16:09:37</pubDate>
</info> <!--定义XML文档元素的结束标记-->
<info id="2">
<title>幸福</title>
<content><![CDATA[一家人永远在一起就是幸福]]></content>
<pubDate>2011-06-18 10:15:43</pubDate>
</info>
</placard> <!--定义XML文档的根元素的结束标记-->
在上面的XML文档中,第一行是XML声明,用于说明这是一个XML文档,并且指定版本号及编码。除第一行以外的内容均为元素。在XML文档中,元素以树型分层结构排列,其中<placard>为根元素,其他的都是该元素的子元素。
在XML文档中,如果元素的文本中包含标记符,可以使用CDATA段将元素中的文本括起来。使用CDATA段括起来的内容都会被XML解析器当作普通文本,所以任何符号都不会被认为是标记符。CDATA的语法格式如下:
<![CDATA[文本内容]]>
需要注意的是,CDATA段不能进行嵌套,即CDATA段中不能再包含CDATA段。另外在字符串“]]>”之间不能有空格或换行符。
在XML文档中,必须有一个根元素,所有其他的元素必须嵌入到根元素中。
2.XML语法要求
了解了XML文档的基本结构后,接下来还需要熟悉创建XML文档的语法要求。创建XML文档的语法要求如下:
(1)XML文档必须有一个顶层元素,其他元素必须嵌入在顶层元素中。
(2)元素嵌套要正确,不允许元素间相互重叠或跨越。
(3)每一个元素必须同时拥有起始标记和结束标记。这点与HTML不同,XML不允许忽略结束标记。
(4)起始标记中的元素类型名必须与相应结束标记中的名称完全匹配。
(5)XML元素类型名区分大小写,而且开始和结束标记必须准确匹配。例如,分别定义起始标记<Title>、结束标记</title>,由于起始标记的类型名与结束标记的类型名不匹配,说明元素是非法的。
(6)元素类型名称中可以包含字母、数字以及其他字母元素类型,也可以使用非英文字符。名称不能以数字或符号"-"开头,名称中不能包含空格符和冒号“:”。
(7)元素可以包含属性,但属性值必须用单引号或双引号括起来,但是前后两个引号必须一致,不能一个是单引号,一个是双引号。在一个元素节点中,属性名不能重复。
3.为XML文档中的元素定义属性
在一个元素的起始标记中,可以自定义一个或者多个属性。
属性是依附于元素存在的。
属性值用单引号或者双引号括起来。
例如,给元素info定义属性id,用于说明公告信息的ID号。
<info id="1">
给元素添加属性是为元素提供信息的一种方法。
当使用CSS样式表显示XML文档时,浏览器不会显示属性以及其属性值。若使用数据绑定、HTML页中的脚本或者XSL样式表显示XML文档则可以访问属性及属性值。
相同的属性名不能在元素起始标记中出现多次。
4.XML的注释
注释是为了便于阅读和理解,在XML文档添加的附加信息。注释是对文档结构或者内容的解释,不属于XML文档的内容,所以XML解析器不会处理注释内容。XML文档的注释以字符串“<!--”开始,以字符串“-->”结束。XML解析器将忽略注释中的所有内容,这样可以在XML文档中添加注释说明文档的用途,或者临时注释掉没有准备好的文档部分。
在XML文档中,解析器将“-->”看作是一个注释结束符号,所以字符串“-->”不能出现在注释的内容中,只能作为注释的结束符号。
三 JavaScript
JavaScript是一种在Web页面中添加动态脚本代码的解释性程序语言,其核心已经嵌入到目前主流的Web浏览器中。
虽然平时应用最多的是通过JavaScript实现一些网页特效及表单数据验证等功能,其实JavaScript可以实现的功能远不止这些。
JavaScript是一种具有丰富的面向对象特性的程序设计语言,利用它能执行许多复杂的任务。
例如,Ajax就是利用JavaScript将DOM、XHTML(或HTML)、XML以及CSS等技术综合起来,并控制它们的行为的。
因此要开发一个复杂高效的Ajax应用程序,就必须对JavaScript有深入的了解。
四 CSS
CSS是Cascading Style Sheet(层叠样式表)的缩写,用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
在Ajax出现以前,CSS已经广泛地应用到传统的网页中了。
在Ajax中,通常使用CSS进行页面布局,并通过改变文档对象的CSS属性控制页面的外观和行为。
五 DOM
DOM是文档对象模型的简称,是表示文档(如HTML文档)和访问、操作构成文档的各种元素(如HTML标记和文本串)的应用程序接口。
W3C定义了标准的文档对象模型,它以树型结构表示HTML和XML文档,并且定义了遍历树和添加、修改、查找树的节点的方法和属性。
在Ajax应用中,通过JavaScript操作DOM,可以达到在不刷新页面的情况下实时修改用户界面的目的。
相关推荐
Ajax常用技术集合Ajax常用技术集合Ajax常用技术集合
《AJAX安全技术》是一本为专业人士提供预防Ajax安全漏洞一手实践的入门指导书。众所周知,Ajax具备变革互联网的潜力,但危险的新安全威胁同样随之而来。《AJAX安全技术》揭示Ajax框架与生俱来的安全弱点密集区域,为...
ajax局部刷新ajax局部刷新技术ajax局部刷新技术ajax局部刷新技术ajax局部刷新技术ajax局部刷新技术ajax局部刷新技术ajax局部刷新技术ajax局部刷新技术
《AJAX安全技术》是一本为专业人士提供预防Ajax安全漏洞一手实践的入门指导书。众所周知,Ajax具备变革互联网的潜力,但危险的新安全威胁同样随之而来。《AJAX安全技术》揭示Ajax框架与生俱来的安全弱点密集区域,为...
Ajax 入门经典 Ajax 入门经典 (Ajax 核心 技术)
Ajax技术地图 ajax 简介,ajax 架构
AJAX技术指南AJAX技术指南AJAX技术指南AJAX技术指南AJAX技术指南AJAX技术指南
如何使用Ajax技术开发Web应用程序如何使用Ajax技术开发Web应用程序
本资源主要介绍了如何使用ajax技术来进行异步数据调用
AJAX技术总结设计模式
使用JSP/Servlet/Ajax技术开发新闻发布系统\使用JSP/Servlet/Ajax技术开发新闻发布系统1
MS 讲解AJAX的一个官方PPT 内容非常的好。 结合了一些.net 的知识。 预备知识 DHTML & CSS JavaScript DotNET & C#
[王兴魁]AJAX核心技术1-XMLHttpRequest对象的使用
ajax技术报告,关于ajax的介绍
本书主要介绍Ajax技术的组成元素,涉及JavaScript、CSS、DOM、XMLHTTP和XML等内容,其中详细介绍了JavaScript客户端语言,它是Ajax技术的核心组成,是提高客户端性能不可缺少的元素。 全书共分为4大部分,前3...
ajax技术汇总ajax技术汇总ajax技术汇总ajax技术汇总ajax技术汇总
AJAX技术总结.doc AJAX技术总结.doc
AJAX技术入门AJAX技术入门AJAX技术入门AJAX技术入门AJAX技术入门AJAX技术入门AJAX技术入门
北大青鸟ACCP6.0 使用JSP/Servlet/Ajax技术开发新闻发布系统第一部分课件以及代码答案1到6章