Ajax 技术交流文档.docVIP

Ajax 技术交流文档 目录 Ajax 技术交流文档 1 1. Ajax 简介： 1 2. 为什么要采用Ajax 技术： 3 3. 技术核心： 3 A-3 XMLHTTPRequest 对象方法及属性 4 XMLHTTPRequest 对象属性 5 B． JavaScript或VBScript 6 Ajax的优势 6 Ajax的问题 7 4. 实例分析： 7 2）公司通讯录 8 3）一个下拉列表的AJAX实例。 9 7.总结 9 参考文献 9 Ajax 简介：Ajax不是一个技术，它实际上是几种技术，每种技术都有其独特这处，合在一起就成了一个功能强大的新技术。Ajax包括：XHTML和CSS使用文档对象模型(Document Object Model)作动态显示和交互 使用XML和XSLT做数据交互和操作使用XMLHttpRequest进行异步数据接收使用JavaScript将它们绑定在一起传统的WEB应用程序的工作基制相信大家都很清楚了：用户把请求发送到服务器，服务器完成一些处理---接收数据，处理计算，再访问其它的数据库系统，最后返回一个HTML页面到客户端。Ajax 与传统模式的不同（见图2-1及2-2）：通过在用户和服务器之间引入一个Ajax引擎，可以消除Web的开始－停止－开始－停止这样的交互过程. 它就像增加了一层机制到程序中，使它响应更灵敏在会话的开始，浏览器加载了一个Ajax引擎---采用JavaScript编写并且通常在一个隐藏frame中。这个引擎负责绘制用户界面以及与服务器端通讯。Ajax引擎允许用异步的方式实现用户与程序的交互－－不用等待服务器的通讯。所以用户再不不用打开一个空白窗口，看到等待光标不断的转，等待服务器完成后再响应。在：/publications/essays/archives/000385.php 上有一篇对AJAX的详细介绍，其实Ajax这个名字也是由这个人提出的。 图1 图2-1图2-2 为什么要采用Ajax 技术：a. 使用Ajax 技术能达到更好的用户体验b. 把以前的一些服务器负担的工作转嫁到客户端，利于客户端闲置的处理能力来处理，减轻服务器和带宽的负担，从而达到节约ISP的空间及带宽租用成本的目的。A-1. XMLHTTPRequestAjax的一个最大的特点是无需刷新页面便可向服务器传输或读写数据(又称无刷新更新页面),这一特点主要得益于XMLHTTP组件XMLHTTPRequest对象。这样就可以向再发桌面应用程序只同服务器进行数据层面的交换,而不用每次都刷新界面也不用每次将数据处理的工作提交给服务器来做,这样即减轻了服务器的负担又加快了响应速度、缩短了用户等候时间。最早应用XMLHTTP的是微软,IE（IE5以上）通过允许开发人员在Web页面内部使用XMLHTTP ActiveX组件扩展自身的功能,开发人员可以不用从当前的Web页面导航而直接传输数据到服务器上或者从服务器取数据。这个功能是很重要的,因为它帮助减少了无状态连接的痛苦,它还可以排除下载冗余HTML的需要,从而提高进程的速度。Mozilla（Mozilla1.0以上及NetScape7以上）做出的回应是创建它自己的继承XML代理类：XMLHttpRequest类。Konqueror (和Safari v1.2,同样也是基于KHTML的浏览器)也支持XMLHttpRequest对象,而Opera也将在其v7.6x+以后的版本中支持XMLHttpRequest对象。对于大多数情况，XMLHttpRequest对象和XMLHTTP组件很相似,方法和属性也类似,只是有一小部分属性不支持。 对于Safari　或　Mozilla　则应为 var req=new XMLHTTPRequest();对于ActiveX 应为 var req=new ActiveXObject(“Microsoft.XMLHTTP”); 所以一个完整的定义为：if (window.XMLHttpRequest) { req = new XMLHttpRequest(); } else if (window.ActiveXObject) { req = new ActiveXObject(Microsoft.XMLHTTP); } A-3 XMLHTTPRequest 对象方法及属性 /*** Cross-browser XMLHttpRequest instantiation.*/if (typeof XMLHttpRequest == undefined) {XMLHttpRequest = function () {var msxmls