文档介绍：Ajax技术原理及其在选课系统中的应用
(作者:___________单位: ___________邮编: ___________)
摘要 Ajax技术是目前深受Web用户欢迎的一项技术,它利用JavaScript、DOM、XML和XMLHttpRequest实现客户端与服务器的异步交互,达到很好的用户体验。文中介绍的选课系统运用Ajax技术,提高了系统的运行效率。
关键词 Ajax技术;Web服务器;XMLHttpRequest;选课系统
1 引言
在传统的Web应用中,大部分用户动作会触发一个连接到Web服务器的HTTP请求,服务器收到请求后要完成诸如验证合法性、计算数据、访问数据库等处理工作,最后返回一个HTTP页面到客户端,这个过程中用户一直处于等待状态。随着Web技术的广泛应用,人们对Web应用程序提出了更高的要求,Web不再简单应用于发布网站,而是成为许多业务处理平台,于是人们更加注重流畅、快捷、人性化的用户体验,为了满足这一需求,一种新的技术出现了,它就是Ajax,它使Web应用程序继承了桌面应用程序反应灵敏、胖客户端、客户体验优秀等优点。
2 Ajax的工作原理
Ajax工作方式
Ajax(Asynchronous JavaScript and XML)技术实际上是在客户端和服务器之间加入一个Ajax引擎,它允许采用异步的方式实现客户端与服务器的交互,所以用户不用打开空白窗口等待服务器的响应,而可以继续进行客户端的其它工作。服务器响应完毕之后,将结果提交给Ajax引擎,Ajax引擎使用HTML和CSS技术展示给用户。客户端和服务器的这种异步通信,使用户感觉不到客户端与服务器的通信,使得Web程序看起来是即时响应的。图1显示了Ajax的工作方式。
图1 Ajax的工作方式
在传统的Web应用中,客户端只是通过浏览器简单的显示内容,所有的信息都保存在服务器上,引入Ajax后,它把一部分Web应用程序移到了浏览器中,使浏览器中不再是纯粹的内容。用户登录时,浏览器会从服务器下载大量代码,这些代码具有一定的处理用户请求的能力,由它们来决定是否将用户的请求提交给服务器。由于用户的一部分请求可以直接在客户端进行处理,客户端与服务器的通信效率会提高许多。
Ajax关键技术
Ajax技术并不是一种孤立的技术,它是由多种技术综合而成的,这些技术包括:JavaScript、DOM、XML和XMLHttpRequest,这些技术按照一定的方式发挥各自的作用构成Ajax技术。DOM实现动态显示和交互,XML进行数据交换与处理,XMLHttpRequest进行异步数据读取,JavaScript用于邦定和处理所有数据。
1)JavaScript
JavaScript是一种基于对象和事件驱动的脚本语言,具有很好的安全性,它通过嵌入在标准的HTML语言中完成各种与用户交互的任务。Ajax利用JavaScript的特性实现对用户行为的实时响应与处理,JavaScript还能通过其属性和方法操作DOM,将用户请求通过XMLHttpRequest对象实现与服务器的异步交互通信。
2)DOM
DOM(Document Object Model)是一个能够让程序和脚本动态访问和更新文档内容、结构和样式的语言平台