AJAX 开发简略[一]

AJAX 开发简略
 
文档说明
 
参与人员：
 
作者  网名  联络
柯自聪  eamoi   educhina  eamoi@163.com（技术） zcke0728@hotmail.com（版权）
    
 
发布记录：
 
版本  日期  作者  说明
1.0  2005-10-28  柯自聪  创建，第一版
1.1  2005-11-7  柯自聪  增加 7.4、7.5 关于DOM和 XML 的内容
      
 
链接：
 
类别  网址
Blog  http://www.blogjava.net/eamoi/
MSN-Space  http://spaces.msn.com/members/eamoi/
 
 

一、AJAX定义
AJAX（Asynchronous Javascript and XML）其实是多种技术的综合，包括 Javascript、XHTML和 CSS、DOM、XML 和 XSTL、XMLHttpRequest。其中： 使用 XHTML和 CSS标准化呈现，使用 DOM 实现动态显示和交互，使用 XML 和 XSTL进行数据交换与处理，使用 XMLHttpRequest 对象进行异步数据读取，使用 Javascript 绑定和处理所有数据。
在 AJAX 提出之前，业界对于上述技术都只是单独的使用，没有综合使用，也是由于之前的技术需求所决定的。随着应用的广泛，AJAX 也成为香饽饽了。

二、现状与需要解决的问题
传统的 Web 应用采用同步交互过程，这种情况下，用户首先向 HTTP 服务器触发一个行为或请求的呼求。反过来，服务器执行某些任务，再向发出请求的用户返回一个 HTML页面。这是一种不连贯的用户体验，服务器在处理请求的时候，用户多数时间处于等待的状态，屏幕内容也是一片空白。如下图： 

自从采用超文本作为 Web 传输和呈现之后，我们都是采用这么一套传输方式。当负载比较小的时候，这并不会体现出有什么不妥。可是当负载比较大，响应时间要很长，1 分钟、2 分钟……数分钟的时候，这种等待就不可忍受了。严重的，超过响应时间，服务器干脆告诉你页面不可用。另外，某些时候，我只是想改变页面一小部分的数据，那为什么我必须重新加载整个页面呢？！当软件设计越来越讲究人性化的时候，这么糟糕的用户体验简直与这种原则背道而驰。为什么老是要让用户等待服务器取数据呢？至少，我们应该减少用户等待的时间。现在，除了程序设计、编码优化和服务器调优之外，还可以采用 AJAX。

三、为什么使用 AJAX
与传统的 Web 应用不同，AJAX 采用异步交互过程。AJAX 在用户与服务器之间引入一个中间媒介，从而消除了网络交互过程中的处理—等待—处理—等待缺点。用户的浏览器在执行任务时即装载了 AJAX 引擎。AJAX 引擎用 Javascript 语言编写，通常藏在一个隐藏的框架中。它负责编译用户界面及与服务器之间的交互。AJAX 引擎允许用户与应用软件之间的交互过程异步进行，独立于用户与网络服务器间的交流。现在，可以用Javascript调用AJAX引擎来代替产生一个 HTTP的用户动作，内存中的数据编辑、页面导航、数据校验这些不需要重新载入整个页面的需求可以交给 AJAX 来执行。

使用 AJAX，可以为 ISP、开发人员、终端用户带来可见的便捷：   减轻服务器的负担。AJAX 的原则是“按需取数据”，可以最大程度的减少冗余请求，和响应对服务器造成的负担。   无刷新更新页面，减少用户心理和实际的等待时间。特别的，当要读取大量的数据的时候，不用像 Reload 那样出现白屏的情况，AJAX 使用 XMLHTTP 对象发送请求并得到服务器响应，在不重新载入整个页面的情况下用 Javascript 操作 DOM 最终更新页面。所以在读取数据的过程中，用户所面对的不是白屏，是原来的页面内容（也可以加一个Loading 的提示框让用户知道处于读取数据过程），只有当数据接收完毕之后才更新相应部分的内容。这种更新是瞬间的，用户几乎感觉不到。带来更好的用户体验。可以把以前一些服务器负担的工作转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器和带宽的负担，节约空间和宽带租用成本。可以调用外部数据。基于标准化的并被广泛支持的技术，不需要下载插件或者小程序。进一步促进页面呈现和数据的分离。

四、谁在使用 AJAX
在应用 AJAX 开发上面，Google 当仁不让是表率。Orkut、Gmail、Google Groups、Google Maps、Google Suggest 都应用了这项技术。Amazon 的 A9.com 搜索引擎也采用了类似的技术。
微软也在积极开发更为完善的AJAX应用：它即将推出代号为Atlas的AJAX工具。Atlas的功能超越了 AJAX 本身，包括整合 Visual Studio 的调试功能。另外，新的 ASP.NET 控件将使客户端控件与服务器端代码的捆绑更为简便。Atlas 客户脚本框架（Atlas Clent script Framework）也使与网页及相关项目的交互更为便利。但 Visual Studio 2005 中并不包含此项功能。 微软最近宣布 Atlas 客户脚本框架将包含如下内容（详细资料请访问 Atlas 计划网站）：
*  一个可扩展的核心框架，它添加了 Javascript功能：如生命同时期管理、继承管理、多点传送处理器和界面管理。
*  一个常见功能的基本类库，有丰富的字符串处理、计时器和运行任务。
*  为 HTML附加动态行为的用户界面框架。
*  一组用来简化服务器连通和网络访问的网络堆栈。
*  一组丰富的用户界面开发控件，如：自动完成的文本框、动画和拖放。
*  处理浏览器脚本行为差异的浏览器兼容层面。
典型的，微软将 AJAX 技术应用在 MSN Space 上面。很多人一直都对 MS Space 服务感
到很奇怪，当提交回复评论以后，浏览器会暂时停顿一下，然后在无刷新的情况下把我提交的评论显示出来。这个就是应用了 AJAX 的效果。试想，如果添加一个评论就要重新刷新整个页面，那可真费事。
目前，AJAX 应用最普遍的领域是 GIS-Map 方面。GIS的区域搜索强调快速响应，AJAX
的特点正好符合这种需求。

五、用 AJAX 改进你的设计
AJAX 虽然可以实现无刷新更新页面内容，但是也不是什么地方都可以用，主要应用在交互较多、频繁读数据、数据分类良好的 Web 应用中。现在，让我们举两个例子，看看如何用 AJAX 改进你的设计。

例子 1：数据校验
在输入 form 表单内容的时候，我们通常需要确保数据的唯一性。因此，常常在页面上提供“唯一性校验”按钮，让用户点击，打开一个校验小窗口；或者等 form 提交到服务器端，由服务器判断后在返回相应的校验信息。前者，window.open 操作本来就是比较耗费资源的，通常由 window. showModalDialog 代替，即使这样也要弹出一个对话框；后者，需要把整个页面提交到服务器并由服务器判断校验，这个过程不仅时间长而且加重了服务器负担。而使用 AJAX，这个校验请求可以由 XMLHttpRequest 对象发出，整个过程不需要弹出新窗口，也不需要将整个页面提交到服务器，快速又不加重服务器负担。

例子 2：按需取数据—级联菜单
以前，为了避免每次对菜单的操作引起的重载页面，不采用每次调用后台的方式，而是一次性将级联菜单的所有数据全部读取出来并写入数组，然后根据用户的操作用 Javascript来控制它的子集项目的呈现，这样虽然解决了操作响应速度、不重载页面以及避免向服务器频繁发送请求的问题，但是如果用户不对菜单进行操作或只对菜单中的一部分进行操作的话，那读取的数据中的一部分就会成为冗余数据而浪费用户的资源，特别是在菜单结构复杂、数据量大的情况下（比如菜单有很多级、每一级菜又有上百个项目），这种弊端就更为突出。
现在应用 AJAX，在初始化页面时我们只读出它的第一级的所有数据并显示，在用户操作一级菜单其中一项时，会通过 Ajax 向后台请求当前一级项目所属的二级子菜单的所有数据，如果再继续请求已经呈现的二级菜单中的一项时，再向后面请求所操作二级菜单项对应的所有三级菜单的所有数据，以此类推??这样，用什么就取什么、用多少就取多少，就不会有数据的冗余和浪费，减少了数据下载总量，而且更新页面时不用重载全部内容，只更新需要更新的那部分即可，相对于后台处理并重载的方式缩短了用户等待时间，也把对资源的浪费降到最低。

例子 3：读取外部数据
AJAX 可以调用外部数据，因此，可以对一些开发的数据比如 XML 文档、RSS 文档进行二次加工，实现数据整合或者开发应用程序。

不错！！&n=1

买了本AJAX的书啃了

就是《AJAX基础教程》（我们这里居然归在CDMA2000一类里面....-_-b~）

举例用的服务器程序是java



阿能说说服务器端怎么用PHP处理XMLhttpRequest？

不错 收藏了