Ajax在网络教学系统中的应用.doc

Ajax在网络教学系统中的应用 陈志华 麻书钦 广东技术师范学院 计算机与网络中心 摘要：Ajax(异步Javascript与可扩展标记语言)是Web应用开发的一种新理念。它将现有的多种技术进行结合，可以构建更为动态和响应更灵敏的Web应用程序，使Web应用程序消除与桌面应用程序在人机交互和用户体验方面的差距。文章介绍了Ajax的原理及主要技术，并着重探讨Ajax技术在当前网络教学系统中的应用。 The application of AJAX in the Network teaching system chenzhihua mashuqin (Guandong Polytechnic Normal University Computer and Network Center,Guanzhou 510665,China) Summary: Ajax (asynchronous Javascript and XML) is a new concept of development and application of web. It can establish a more dynamic and flexible Web application by combining kinds of existing technique, which can eliminate the gap in the exchanging of man and machine and in the aspect of user’s experience. This article introduces the elements of Ajax and the major technique and weightily discusses the application of network teaching system. 关键字：Ajax; XMLHttpRequest; XML; Web开发; 网络教学系统 Key words: AJAX ; XMLHttpRequest ; XML ; Web developing; Network teaching system 1、引言 随着我国教育信息化的不断发展，目前很多课程都建起了相应的网络教学平台，这些网络教学平台绝大部分采用当前最为流行的B/S（Browser/Server）模式结构，即浏览器和服务器结构。在这种结构下，用户工作界面通过Web浏览器来实现，很少一部分的事务逻辑在前端（Browser）实现，主要的事务逻辑在服务器端(Server)实现。B/S请求响应机制所使用的HTTP协议决定其特有的工作机制以及Web开发模式，也决定了其自身的一些缺陷。一直以来，Web应用程序的交互效果都不如桌面应用程序，比如客户端功能和用户体验效果。网络教学系统由于其需要具备动态性、互动性和多样性的特点，对数据传输速度和用户体验提出了更高的要求。Ajax的出现，使以Web应用程序搭建的网络教学系统继承了桌面应用程序反应灵敏、胖客户端、用户体验优秀等优点。 2、Ajax简介 Ajax不是一项新的技术，只是多种技术的综合，或者是设计方式，它包括Javascript、XHTML和CSS、DOM、XML和XSTL、XMLHttpRequest等技术。其中： 使用XHTML和CSS实现标准化的呈现界面。 使用DOM实现动态的显示和交互。 使用XMLHttpRequest实现与服务器的异步通信。 使用Javascript将XHTML、DOM、XML、XMLHttpRequest绑定。 各种技术在Ajax引擎中的作用如图1所示，整个交互通信过程是异步进行的。 2．1 Ajax的工作方式 Ajax一般采取如下的工作方式： 页面初始化：页面初始化加载，准备处理用户输入或者刷新页面内容。 触发浏览器事件：浏览器触发一个事件，比如鼠标单击或者按下键盘。 向服务器发起请求：浏览器向服务器发出一个请求。 服务器处理请求：服务器收到浏览器发出的请求，调用业务逻辑接口处理请求。 服务器响应请求：服务器响应浏览器发出的请求，将处理结果返回。这个返回结果传递给在发出请求时指定的请求调用函数。 浏览器更新页面：请求调用函数根据响应结果更新DOM内容，比如DOM变量或者任何的Javascript变量，更新页面内容。 “触发浏览器事件→向服务器发起请求→服务器处理请求→服务器响应请求→浏览器更新页面”这个过程是可以多次偱环的，如图2所示。 其中AJAX 最主要的特征就是XMLHTTPRequest 对象的使用和DOM 的处理。使用XMLHTTPRequest 可以用来与后台服务器之间进行交互，它同时支持同步和异步的处理。而采用同步处理方式，