基于Ajax构建远程教育培训系统

翻译标题：jiyuAjaxgoujianyuanchengjiaoyupeixunxitong

　　陈钰,李理,王昆鹏(西华师范大学,四川南充637002)摘要:本文介绍了远程教育培训系统的构建中,Ajax在系统结构中的应用、数据流程和处理方式了运用Ajax为远程教育提供实时网络支持的方案。

　　关键词:Ajax;远程教育培训;应用结构;处理流程;XMLHttpRequest中图分类号:TP311文献标识码:A文章编号:1009-3044(2007)14-30300-01Constructing Distance EducationTraining System with AjaxCHEN Yu,LI Li,WANG Kun-peng(China West Normal University,Nanchong 637002,China)Abstract:The paper introduces the application of Ajax in the system structure,the data flow and thetance education training system.Besides,the paper also provides the critical code to implement the devproviding real-time network support by using Ajax.

　　Key words:Ajax;distance education;application structure;disposal process;XMLHttpRequest1引言自2005年杰西·詹姆斯·加勒特(Jesse James Garrett)提出A-jax(Asynchronous JavaScript and XML)概念以来,催生了一系列基于Web的新的服务方式,其核心是利用Ajax的异步交互,减轻服务器负担,提高应用操作的执行效率。采用Ajax技术构建远程教育培训系统,可有效实现教育培训的实时远程网络支持。

　　2 Ajax简介Ajax即异步JavaScript与XML,是使用客户端脚本与Web服务器交换数据的Web应用开发方法。他结合了Java技术、XML以及JavaScript的编程技术,使用XHTML和HTMLHTMLCSS/index.htm' target=_blank>CSS/index.htm' target=_blank>HTMLCSS/index.htm' target=_blank>CSS标准化呈现,DOM实现动态显示和交互,XML和XSLT进行数据交换与处理,XML-HttpRequest进行异步数据读取,JavaScript绑定和处理所有数据。

　　Ajax的工作原理相当于在用户和服务器之间加了—个中间层:Ajax引擎,使用户操作与服务器响应异步化,改变了使用页面重载的响应方式。当用户提交请求时,使用JavaScript和XML立即更新UI(User Interface),并向服务器发出异步请求,以执行更新或查询数据库,当请求返回时,使用JavaScript和HTMLHTMLCSS/index.htm' target=_blank>CSS/index.htm' target=_blank>HTMLCSS/index.htm' target=_blank>CSS来相应地更新UI。整个过程中,动态网页技术被隐藏到了Ajax的后台,动态程序反馈的结果被直接无刷新地显示在页面上,提高了服务器响应速度,缩短了用户等待时间。

　　3 Ajax在系统中的应用远程教育培训系统的总体结构如图1所示。

　　图13.1新闻中心提供发布新闻、搜索阅读新闻和评论新闻的功能。在发表新闻及对评论新闻时,运用Ajax可进行录入提示和自动补齐。用户对新闻按关键字、访问信息进行搜索时,Ajax可帮助用户完成键入相同的关键字或可以预测的文字,同时运用Ajax快速增加标记。

　　3.2网络课堂提供网络教程和视频。在课程导航中,使用JavaScript来控制级联菜单的显示逻辑,使用Ajax延迟加载更深层次的数据,有效地减轻服务器的负担。课堂教学时通过Ajax调查学生对教学情况的满意程度及意见建议,减少提交调查信息的等待过程,加强与学生的交互性。

　　3.3在线答疑教师和学生进行在线交流,对学生提出的问题进行解答。教师与学生的实时通讯中,信息数据的变化是十分迅速的,答疑页面加载以后,通过Ajax引擎在后台进行定时的轮询,向服务器发送请求,查看是否有最新的消息。如果有则将新的数据下载并且在页面上进行动态的更新,避免用户不断刷新页面的不便,防止重复刷新页面造成的资源浪费。

相关热词：基于 Ajax 构建 远程 教育 培训 系统