《希赛网技术应用频道_it新技术》由会员分享，可在线阅读，更多相关《希赛网技术应用频道_it新技术（6页珍藏版）》请在金锄头文库上搜索。
1、希赛网技术应用频道：IT 新技术|构架设计|嵌入式|Web 工程|案例剖析|网络工程|数据库|分布式|IT 运维 版权声明：版权声明：本文版权归希赛网技术频道所 有，未经许可，任何媒体均不得改变其形 式进行转载或摘录，违者必究！ AJAX 技术及应用技术及应用 天宇 一概述一概述 AJAX 是今年初才问世的新术语，是 Asynchronous JavaScript and XML 的缩写。它是一组开发 Web 应用程序的技术，它使浏览器可以为用户提供更为自然的浏览体验。每当需要更新时，客户端 Web 页面的修改是异步的和逐步增加的。这样，AJAX 在提交 Web 页面内容时大大提高了用户界面的
2、速度。在基于 AJAX 的应用程序中没有必要长时间等待整个页面的刷新。页面中需要更新的那部分才进行更改，如果可能的话，更新是在本地完成的，并且是异步的。在客户端的 JavaScript 将与服务器的交互减至最少的同时，用户能连续与 Web 页面交互，客户端和服务器之间的信息传递是在后台进行的。Ajax 提供与服务器异步通信的这种能力，从而使用户从请求/响应的循环中解脱出来。借助于 Ajax，可以在用户单击按钮时，使用 JavaScript 和 DHTML 立即更新 UI，并向服务器发出异步请求，以执行更新或查询数据库。当请求返回时，就可以使用 JavaScript 和 CSS 来相应地更新 U
3、I，而不是刷新整个页面。最重要的是，用户甚至不知道浏览器正在与服务器通信：Web 站点看起来是即时响应的。换言之，Ajax 解决方案包括一个客户端引擎，它用于呈现用户界面，并使用 XML 格式与服务器通信。这个引擎由很多 JavaScript 函数组成，位于 Web 浏览器中，它不需要插件，也不需要用户安装。 二特点二特点 异步和逐步性异步和逐步性 AJAX 是异步的 JavaScript 与 XML 相结合,页面刷新时大都在本地异步进行。并且只是在需要更新的区域局部进行。典型的 AJAX 应用采用 JavaScript 编写的 AJAX 引擎来与终端用户交互，打破了传统的 Web 应用完全通
4、过 Web 服务器处理用户请求，返回结果的模式。基于 AJAX 的 Web 应用程序拥有和桌面程序一样的互操作性和快速响应时间，而不像很多典型Web 应用程序一样响应迟钝、缺乏动感。 更好的用户体验；更好的用户体验； “按需取数据”的模式减少了数据的实际读取量,当在读取比较大的数据时，Ajax 是用XMLHTTP 发送请求得到服务端应答数据，在不重新载入整个页面的情况下用 Javascript 操作 DOM 最终更新页面的，所以在读取数据的过程中，用户所面对的也不是白屏，而是原来的希赛网技术应用频道（http:/） 0731-8873047-8000， 第 1 页 希赛网技术应用频道：IT 新
5、技术|构架设计|嵌入式|Web 工程|案例剖析|网络工程|数据库|分布式|IT 运维 页面状态（或者可以加一个 LOADING 的提示框让用户了解数据读取的状态），只有当接收到全部数据后才更新相应部分的内容，而这种更新也是瞬间的，用户几乎感觉不到。总之用户是很敏感的，他们能感觉到你对他们的体贴，虽然不太可能立竿见影的效果，但会在用户的心中一点一滴的积累他们对网站的依赖。 它使用了若干项技术来构建丰富的基于 Web 的应用，使在线的 Web 应用有桌面程序一样的观感。 丰富性和可达性丰富性和可达性 把以前的一些服务器负担的工作转嫁到客户端，利于客户端闲置的处理能力来处理，减轻服务器和带宽的负担，
6、从而达到节约 ISP 的空间及带宽租用成本的目的。 Ajax 应用程序和桌面应用程序一样丰富，响应高度灵敏，并且可以在一个页面上提供所有数据，无需刷新页面。它们还拥有基于标准的浏览器应用程序的可达性特点，这类应用程序可以在不具备浏览器插件或客户端 applet 的情况下进行部署。 节约空间和带宽租用成本节约空间和带宽租用成本 Ajax 应用中可以把以前的一些服务器负担的工作转嫁到客户端，利于客户端闲置的处理能力来处理，减轻服务器和带宽的负担，节约空间和带宽租用成本； Ajax 可以调用外部数据；可以调用外部数据； 标准化标准化 基于标准化的并被广泛支持和技术，并且不需要插件或下载小程序； 界面
7、与应用分离界面与应用分离 Ajax 使 WEB 中的界面与应用分离（也可以说是数据与呈现分离）； 对于用户和对于用户和 ISP 来说是双盈的。来说是双盈的。 三现状及发展前景三现状及发展前景 AJAX 的出现让 Web 应用程序更有活力,同时也构造了更好的 Web 能力为托管服务铺平了道路，这是对传统的桌面软件模式的一次改变。微软开始积极地转向基于 Web 的应用软件服务,由桌面软件向在线软件的演化正在悄然前行。 今年 11 月份，微软以软件服务为中心重组了其业务部门，并推出了 L 服务。L 服务依赖于使用 AJAX 的前端。AJAX 在 L 服务中大显身手。 在早些时期，Google 利用
8、AJAX 演示了 Web 应用程序在外观和感觉尚可与传统的桌面应用程序竞争。AJA 在 Google 提供的电子地图服务中担纲重要角色。 基于 AJAX 的微软 Office 的替代程序也已经浮出水面，例如 Writely 就是一个在线的字处理程序。它比 Word 更好使用，利用它的易用性，人们可以协作和共享页面。gOffice 是另一个类似的应用程序包。它是免费供用户使用，靠插播广告获得经济收益的。而一些规模希赛网技术应用频道（http:/） 0731-8873047-8000， 第 2 页 希赛网技术应用频道：IT 新技术|构架设计|嵌入式|Web 工程|案例剖析|网络工程|数据库|分布式
9、|IT 运维 不大的厂商还把脑筋动到了桌面软件市场，试图用基于 AJAX 技术开发例如办公套件、即时通信软件的在线版本，把桌面软件演化成为在线软件。 可见，在浏览器中更广泛采纳 Web 标准，将会使大多数的 PC 机运行 AJAX 应用程序。 四主要技术四主要技术 AJAX 的主要技术包括 XMLHttpRequest 、JavaScript、CSS、XHTML、XML、文档对象模型以及 XSLT 等技术。 ? 使用 XMLHttpRequest 进行异步数据读取 ? 使用 JavaScript 绑定和处理所有数据 ? 使用 XHTML 和 CSS 标准化呈现 ? 使用 DOM 实现动态显示和
10、交互 ? 使用 XML 和 XSLT 进行数据交换与处理 1XMLHTTPRequest Ajax 的一个最大的特点是无需刷新页面便可向服务器传输或读写数据(又称无刷新更新页面),这一特点主要得益于 XMLHTTP 组件 XMLHTTPRequest 对象。这样就可以向再发桌面应用程序只同服务器进行数据层面的交换,而不用每次都刷新界面也不用每次将数据处理的工作提交给服务器来做,这样即减轻了服务器的负担又加快了响应速度、缩短了用户等候时间。 最早应用 XMLHTTP 的是微软,IE（IE5 以上）通过允许开发人员在 Web 页面内部使用XMLHTTP ActiveX 组件扩展自身的功能,开发人员
11、可以不用从当前的 Web 页面导航而直接传输数据到服务器上或者从服务器取数据。这个功能是很重要的,因为它帮助减少了无状态连接的痛苦,它还可以排除下载冗余 HTML 的需要,从而提高进程的速度。Mozilla（Mozilla1.0以上及 NetScape7 以上）做出的回应是创建它自己的继承 XML 代理类：XMLHttpRequest类。Konqueror (和 Safari v1.2,同样也是基于 KHTML 的浏览器)也支持 XMLHttpRequest 对象,而 Opera 也将在其 v7.6x+以后的版本中支持 XMLHttpRequest 对象。对于大多数情况，XMLHttpRequ
12、est 对象和 XMLHTTP 组件很相似,方法和属性也类似,只是有一小部分属性不支持。 XMLHttpRequest 的应用： XMLHttpRequest 对象在 JS 中的应用 var xmlhttp = new XMLHttpRequest(); 微软的 XMLHTTP 组件在 JS 中的应用 var xmlhttp = new ActiveXObject(Microsoft.XMLHTTP); var xmlhttp = new ActiveXObject(Msxml2.XMLHTTP); XMLHttpRequest 对象方法 /* * Cross-browser XMLHttpR
13、equest instantiation. 希赛网技术应用频道（http:/） 0731-8873047-8000， 第 3 页 希赛网技术应用频道：IT 新技术|构架设计|嵌入式|Web 工程|案例剖析|网络工程|数据库|分布式|IT 运维 */ if (typeof XMLHttpRequest = undefined) XMLHttpRequest = function () var msxmls = MSXML3, MSXML2, Microsoft for (var i=0; i msxmls.length; i+) try return new ActiveXObject(msxm
14、lsi+.XMLHTTP) catch (e) throw new Error(“No XML component installed!“) function createXMLHttpRequest() try / Attempt to create it “the Mozilla way“ if (window.XMLHttpRequest) return new XMLHttpRequest(); / Guess not - now the IE way if (window.ActiveXObject) return new ActiveXObject(getXMLPrefix() +
15、 “.XmlHttp“); catch (ex) return false; ; 2JavaScript JavaScript 是一在浏览器中大量使用的编程语言，他以前一直被贬低为一门糟糕的语言（他确实在使用上比较枯燥），以在常被用来作一些用来炫耀的小玩意和恶作剧或是单调琐碎的表单验证。但事实是，他是一门真正的编程语言，有着自已的标准并在各种浏览器中被广泛支持。 3DOM Document Object Model。 DOM 是给 HTML 和 XML 文件使用的一组 API。它提供了文件的结构表述，让你可以改变其中的內容及可见物。其本质是建立网页与 Script 或程序语言沟通的桥梁。 所有 WEB 开发人员可操作及建立文件的属性、方法及事件都以对象来展现（例如，document 就代表“文件本身“这个对像，table 对象则代表 HTML 的表格对象等等）。这希赛网技术应用频道（http:/） 0731-8873047-8000， 第 4 页 希赛网技术应用频道：IT 新技术|构架设计|嵌入式|Web 工程|案例剖析|网络工程|数据库|分布式|IT 运维 些对象可以由当今大多数的浏览器以 Script 来取用。 一个用 HTML 或 XHTML 构建的网页也
