ajax技术及其在智能协作教学平台中的应用new

《ajax技术及其在智能协作教学平台中的应用new》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、万方数据现代远距离教育9-007年第5期总第113期AJAx技术及其在智能协作教学平台中的应用张志洁，刘三妨(华中师范大学湖北武汉430079)【摘要】文章主要介绍了MAX的关键技术、运行原理和生命周期．探计了在智能协作教学平台中的应用，特AJAx技术与系统中的JSF，spIjng，Hibernate框架相结合，形成具有浏览嚣端与服务嚣端异步通信能力的新的系统框幕，以提高系统的执行效率，合理利用资潭。【美键词】MAX；智能协作教学平台；JSFs画Ilg；mbemate【中国分类号】TP311【文献标识码】B【文章编号】1001—8700(2007)05一

2、(1364—031引言随着科学技术的迅猛发展，在计算机技术支持下的智能协作教学平台⋯应运而生。智能协作教学平台为教师和学生提供了丰富而周全的教与学服务环境：学习者可以在教学平台上进行预习和应考；教师可以在乎台上备课和进行课堂演示，等等。在传统的Web应用模型中，浏览器与服务器的通信是同步的。用户触发一个HTIP请求到服务器，服务器对其进行处理后再返回一个新的IqFrP页到客户端，每当服务器处理客户端提交的请求时，客户端都只毹空闲等待，浪费了带宽及服务器端资源。因此，在智能协作教学平台中我们采用AJAX技术来解决这个问题，&lAX能实现浏览器和服务器的异步

3、通信，根据客户端的请求实现无刷新更新页面，大大减轻服务器的负担，并显著提高应用的执行效率。2AJAX技术简析2．1AJAX的涵叉AJAX的垒称为“AsynchronousJava．=,criptandxML，’(异步Javmcript和x毗)，是多种现有技术的综合，包括Javas．eript、XH'13ⅥL和CSS、IX)M、XML和XSrL、XⅧ且“pR删等技术，如表1所示。其中，使用XFFITdL和css进行普通内容的表示，使用DOM实现动态显示和交互．使用XML和XSLT进行数据交换和处理．使用XMIMupRequest或xM．IktTYP进行异步

4、数据查询，最后使用JavaScfipt整合以上所有的技术。表1AJAX关键技术)凸也HttpRequest对象xMLHttpReq*埘对象是MAX中最核心的技术。它用于发送http请求，在浏览器与服务器之间进行数据交换。XMLHttpReque吐允许程度员从Web服务器以后台活动的方式获取数据。数据格式通常XML，也可以是共它格式的文本。DOM(文档对象模型)DOM以一组可以使用JavaScript操作的可编程对象展现出Web页面的结构。在AJAx应用中。用户界面的更新主要使用DOM来完成。DOM是防问和维护}r眦和XML文档的应用程序接口，它定义了文档

5、的逻辑结构以及存取和维护文档的方法。层叠样式表CSScss提供了一种可视化的可重复利用的网页元素样式定义方法，它能以一致的方式定义和应用样式。在AJAX应用中，用户界面的样式可用css定义。JavaScript是通用的脚本语言，可以非常自由地被嵌人HTML的文件之中，使AJAX应用的各部JavaS,eript分集成成一起。在AJAX中JavaScript主要被用来传递用户界面上的数据到服务器端并返回结果。2．2AJAX的运行原理使用AJ．A]X后的web应用程序看起来更像是一个桌面应用程序，其原理相当于在客户端和服务器端之问加了一个中间层——AJAx引擎

6、，使用户操作与服务器响应异步【基金项目】教育部创新工程重大培育资金项目(705038)“国家知识服务体系支撑技术研究”支持。【作者简介】张志洁，华中师范大学教育信息技术工程研究中心；刘三好，华中师范大学教育信息技术工程研究中心，博士，副教授，硕士研究生导师。64万方数据化，如图l所示。使用AJAX后，如一些数据验证和数据处理等都交给MAX引擎自己来做．只有确定需要，从服务器读取新数据时，再由MAX引擎代为向服务器提交请求。具体过程如下；当用户在Web页面上进行某项操作(如单击一个按钮)，触发一个Jav．*efipt事件。此时，相应的事件处理函数将被调用。

7、在这个函数中，xh叫抽pRequest对象被初始化，并根据情况向服务器发出异步通信请求。服务器接受到用户请求后，根据URL地址判断用户行为并进行响应，然后将响应结果以HIMI．／Xm'M]f／,ML的形式打印出来。当x^ⅡH却Requ吼检测到服务器已经将响应结果打印出来。即将响应结果以文本或者XML文档的形式返回，赋予给某个Java∞cipt变量。然后，调用DOM处理该变量，更新页面内容。固1．基于MAX的Web交互模式由此，我们可以描述出MAX应用的生命厨期，如图2所示：^：用户通过指定URL进行访问网页。B：服务器返回用户需访同的H／ML页面。c：浏

8、览器通过内存中的DOM树来展现页面。D：用户触发浏览器事件，如单击按钮．向服务器