第16章深入Ajax(免费阅读).pptVIP

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