文档介绍:AJAX 在Web开发中的应用
(作者:___________单位: ___________邮编: ___________)
摘要 AJAX 实现了Web页面丰富的部分刷新效果。本文通过介绍AJAX原理, AJAX原理,并总结了在Web开发应用中要注意的若干问题。 AJAX技术,Web开发应用就能获得更好的交互效果。
关键词 AJAX Web开发 AJAX控件
1 引言
当前,Web技术的不断发展使得B/S得以广泛地应用。但Web传统的开发技术使得网页的交互性能大打折扣。随着AJAX技术的兴起,Web开发技术超越了传统的开发模式,发生了质的飞跃。的结合,环境下更加简单易用,页面交互性能也得到很大提高。
2 Ajax引擎的原理
AJAX(Asynchronous JavaScript and XML)是现有多种技术的综合,包括JavaScript、XHTML、CSS、DOM、XML、XSTL和XMLHttpRequest。AJAX使用XHTML和CSS标准化呈现数据,使用DOM实现动态显示和交互数据,使用XML和XSTL进行数据交换与处理,使用XMLHttpRequest对象进行异步数据读取,使用JavaScript绑定和处理所有数据。AJAX为交互操作较多、数据读写频繁和数据分类良好的Web应用提供了一个很好的解决方案。其中XMLHttpRequest、JavaScript和DOM是AJAX技术的核心。
XMLHttpRequest
XMLHttpRequest是AJAX引擎的核心技术,是AJAX引擎解决无需刷新整个页面即可从服务器获取所需数据问题的关键。在微软IE 平台下XMLHttpRequest 是XMLHTTP 组件的一个对象,它通过允许开发人员在Web 页面内部使用XMLHTTP ActiveX 组件扩展自身功能,开发人员不必从当前的Web 页面导航而直接与服务器上的数据库进行双向数据传输。该项功能相当重要,它弥补了无状态连接的缺点,排除下载冗余Web 数据的需要,从而提高了进程速度。
DOM ( Document object Model )
DOM 是给HTML 和XML 文件使用的一组API。它提供了文件的结构表述,允许开发人员改变其中的内容,建立网页与程序语言沟通的桥梁。所有Web 开发人员操作及建立文件的属性、方法及事件都以对象方式来展现,这些对象均可由当今大多数浏览器以脚本取用。一个用HTML 或XHTML 构建的网页可看作是一组结构化数据,这些数据被封在DOM (Document Object Model)中,且DOM 提供对网页中各个对象的读写支持。
JavaScript
JavaScript是一种在浏览器中大量使用的跨平台编程语言,常被用来制作网页特效或表单验证。在AJAX 中JavaScript 则是XMLHttpRequest与DOM 交互的桥梁以及AJAX 引擎工作的主要推动力。JavaScript 通过调用XMLHttpRequest 的属性和方法获取服务器端数据,调用DOM 的API更新Web 页面内容,从而实现整个页面的无刷新更新页面的效果。
3 AJAX架构
AJAX由客户端脚本库和服务端组件组成,这两者被集成在一起提供了一个功能强大的开发框架。客户端脚本库中包含两种最熟悉的动态网页技术,分别是跨浏览器使用的ECMAScript(JavaScript)技术和动态的HTML (DHTML)网页开发技术, 基于服务器端的开发平台中。 AJAX的功能。
服务器端架构
控件和组件构成,用于管理UI和应用程序流,管理序列,验证和控件扩展性等。此外, 应用服务,包括窗体验证和用户验证。
服务器控件
AJAX控件由服务器端和客户端代码构成在一起以产生类似于AJAX的行为。 AJAX控件。
●ScriptManager控件
●UpdatePanel控件
●UpdateProgress控件
●Timer控件
AJAX客户端架构
AJAX客户端脚本库由JavaScript(.js)文件构件。。这一特性使得连续性和模块化在客户端脚本中达到一个新的层次。 AJAX中客户端的各个层次。
⑴浏览器的兼容层。 AJAX脚本提供兼容性。
⑵ AJAX 核心服务,这种核心服务已经扩展到了JavaScript。例如classes,namespaces,event handling,inheritance,data types,and object serialization。
⑶ AJAX基础类库,包括组件如string bui