《第16章 深入Ajax.ppt》由会员分享,可在线阅读,更多相关《第16章 深入Ajax.ppt(11页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、第16章 深入Ajax由于Ajax包含的技术种类很多,因此Ajax的运用范围很广。单纯掌握JavaScript语言还不能将Ajax运用得淋漓尽致,要想全面掌握Ajax,还必须掌握以下一些技术。16.1 客户端脚本语言客户端脚本语言可以说是Ajax的核心,无论Ajax功能有多么强大,如果没有客户端脚本语言的支持,都形如虚设。从创建HTTP请求到发送HTTP请求、从接收服务器端返回的数据到处理并显示这些数据,都离不开客户端脚本语言。虽然Ajax是Asynchronous JavaScript And XML的简称,但除了JavaScript之外,目前所有主流的客户端脚本语言都支持Ajax,如VBS
2、cript、JScript、ECMAScript等。因此,要想将Ajax运用到极致,至少要掌握一门客户端脚本语言。16.1.1 使用JavaScript的局部刷新技术Ajax的主要作用是异步调用和局部刷新,其实使用客户端脚本语言即使不通过Ajax也可以现实局部刷新的功能。例如前面章节里介绍过的二级联动菜单,就是局部刷新的一个例子。16.1.2 使用Iframe的局部刷新技术使用JavaScript技术进行局部刷新的速度是最快的,因为该技术在数据一次性下载完毕后,就不再需要与服务器进行互动了,这是使用JavaScript技术进行局部刷新的优势,但也同样是它的缺点。因为在使用JavaScript技
3、术进行局部刷新时,必须要将所有可能出现的数据都下载到客户端,这样就会让客户端代码变得十分冗长。(具体内容请参照书。)16.2 服务器端脚本语言如果说客户端脚本语言是Ajax的核心,那么异步存取就是Ajax的灵魂。在异步存取时,通常都会与服务器互动。在上一章中列举的Ajax的例子只是简单的从Web服务器上获取一个文本文件而已,还并没有与服务器进行真正意义上的“互动”。如果要和服务器进行互动,就需要使用服务器端的脚本语言,常用的服务器端脚本语言有asp、jsp、php、等。16.2.1 改进的Iframe局部刷新在上一节中介绍了如何使用Iframe技术实现局部刷新,使用Iframe技术的好处如下所
4、示:可以减少客户端代码,加载客户端文件比较快。可以根据需要显示指定的文件。(具体内容请参照书。)16.2.2 Ajax与服务器互动在数据量比较大的情况下,使用Iframe技术进行局部刷新,对服务器的压力是最大的。因为每一次加载数据,都必须与服务器进行一次交互,这样会影响整个系统的响应速度。而使用Ajax技术实现局部刷新,就会不产生这种情况。因为在Ajax取回数据之后,会将其放在内存中,可以重复调用。(具体内容请参照书。)16.3 文档对象模型文档对象模型(Document Object Model,DOM)是可以操作HTML和XML的一组应用程序接口(API)。在DOM中,将HTML文档结构看
5、成是一个树型结构,HTML文档中的每个标签都是树型结构中的一个节点。开始标签与结束标签之间的文本也是树型结构中的一个节点。通过DOM提供的方法和属性可以处理操作这些节点,并达到局部刷新的目的。(具体内容请参照书。)16.4 层叠样式表层叠样式表(Cascading Style Sheets,CSS)可以用来创建精美的网页风格。CSS在Ajax中也经常用到,其主要作用在Ajax从服务器中获取数据之后,根据数据需要创建不同的样式。设置样式的方法如下所示:element.style.attribute=value16.5 XMLXML也是在Ajax中使用得最多的技术之一。可以将一些数据存入在XML文件中,然后使用Ajax读取XML文件中的数据,再通过DOM筛选有用的数据显示在网页中。(具体内容请参照书。)16.6 小结在本章中先介绍了JavaScript中的一些局部刷新技术,然后介绍了一些与Ajax相关的其他技术,如服务器端脚本语言、DOM、CSS、XML等。在学习完JavaScript之后,可以进一步学习这些方面的技术,掌握更先进的网页制作技能。
限制150内