网站设计与建设Website

designanddevelopments第15章Ajax设计方法第三部分网站设计技术15.
1什么是AjaxAjax的全称是:Asynchronous异步JavaScript+XMLAjax不是一个技术,它实际上是几种技术,每种技术都有其独特之处,合在一起就成了一个功能强大的新技术.

Web开发领域的最新时髦术语其实质是"旧貌换新颜"Ajax由HTML、JavaScript技术、DHTML和DOM组成,它可以提供介于桌面应用程序和Web应用程序的中间选择,构建更为动态和响应更为灵敏的Web应用程序.
Ajax是一种客户端设计方法,可以与J2EE、.
NET、PHP、Ruby和CGI脚本交互,它并不关心服务器是什么.

Ajax可以让开发人员构建基于Java技术的Web应用,并打破了使用页面重载的惯例实例http://www.
w3school.
com.
cn/ajax/ajax_asp_php.
aspAjax包括:HTML用于建立Web表单并确定应用程序其他部分使用的字段.
JavaScript代码是运行Ajax应用程序的核心代码,帮助改进与服务器应用程序的通信.
使用XMLHttpRequest进行异步数据接收DHTML或DynamicHTML,用于动态更新表单.
使用div、span和其他动态HTML元素来标记HTML.
文档对象模型DOM用于(通过JavaScript代码)处理HTML结构和(某些情况下)服务器返回的XML15.
2Ajax工作原理Ajax用来描述一组技术,它使浏览器可以为用户提供更为自然的浏览体验.
在Ajax之前,Web站点强制用户进入提交/等待/重新显示内容,用户的动作总是与服务器的"思考时间"同步.
Ajax提供与服务器异步通信的能力,从而使用户从请求/响应的循环中解脱出来.
借助于Ajax,可以在用户单击按钮时,使用JavaScript和DHTML立即更新UI(用户界面),并向服务器发出异步请求,以执行更新或查询数据库.
当请求返回时,就可以使用JavaScript和CSS来相应地更新UI,而不是刷新整个页面.
最重要的是,用户甚至不知道浏览器正在与服务器通信:Web站点看起来是即时响应的.

在面向消费者的诸多应用当中,Google的Gmail和GoogleMaps就是最常见的例子.
在Gmail当中,AJAX负责如何开启线程会话,以显示不同邮件的文本内容.
而在Maps当中,AJAX允许用户以一种似乎无缝的方式拖拉及滚动地图.