ajax在网络教学系统中的应用

《ajax在网络教学系统中的应用》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、.WORD格式整理..Ajax在网络教学系统中的应用陈志华作者简介：陈志华(1979～)，男，广东人，广东技术师范学院，助教麻书钦广东技术师范学院计算机与网络中心摘要：Ajax(异步Javascript与可扩展标记语言)是Web应用开发的一种新理念。它将现有的多种技术进行结合，可以构建更为动态和响应更灵敏的Web应用程序，使Web应用程序消除与桌面应用程序在人机交互和用户体验方面的差距。文章介绍了Ajax的原理及主要技术，并着重探讨Ajax技术在当前网络教学系统中的应用。TheapplicationofAJAXintheNetworkteachingsys

2、temchenzhihuamashuqin(GuandongPolytechnicNormalUniversityComputerandNetworkCenter,Guanzhou510665,China)Summary:Ajax(asynchronousJavascriptandXML)isanewconceptofdevelopmentandapplicationofweb.ItcanestablishamoredynamicandflexibleWebapplicationbycombiningkindsofexistingtechnique,whi

3、chcaneliminatethegapintheexchangingofmanandmachineandintheaspectofuser’sexperience.ThisarticleintroducestheelementsofAjaxandthemajortechniqueandweightilydiscussestheapplicationofnetworkteachingsystem.关键字：Ajax;XMLHttpRequest;XML;Web开发;网络教学系统Keywords:AJAX;XMLHttpRequest;XML;Webdevel

4、oping;Networkteachingsystem1、引言随着我国教育信息化的不断发展，目前很多课程都建起了相应的网络教学平台，这些网络教学平台绝大部分采用当前最为流行的B/S（Browser/Server）模式结构，即浏览器和服务器结构。在这种结构下，用户工作界面通过Web浏览器来实现，很少一部分的事务逻辑在前端（Browser）实现，主要的事务逻辑在服务器端(Server)实现。B/S请求响应机制所使用的HTTP协议决定其特有的工作机制以及Web开发模式，也决定了其自身的一些缺陷。一直以来，Web应用程序的交互效果都不如桌面应用程序，比如客户端功能

5、和用户体验效果。网络教学系统由于其需要具备动态性、互动性和多样性的特点，对数据传输速度和用户体验提出了更高的要求。Ajax的出现，使以Web应用程序搭建的网络教学系统继承了桌面应用程序反应灵敏、胖客户端、用户体验优秀等优点。2、Ajax简介Ajax不是一项新的技术，只是多种技术的综合，或者是设计方式，它包括Javascript、XHTML和CSS、DOM、XML和XSTL、XMLHttpRequest等技术。其中：l使用XHTML和CSS实现标准化的呈现界面。l使用DOM实现动态的显示和交互。l使用XMLHttpRequest实现与服务器的异步通信。l使用

6、Javascript将XHTML、DOM、XML、XMLHttpRequest绑定。各种技术在Ajax引擎中的作用如图1所示，整个交互通信过程是异步进行的。..专业知识分享...WORD格式整理..Javascript调用XMLHttpRequest对象发起异步请求用户界面Ajax引擎服务器Javascript调用DOM更新HTML、XHTML内容使用HTML、XHTML和CSS所得到的呈现Javascript调用XMLHttpRequest对象图1各种技术在Ajax引擎中的作用2．1Ajax的工作方式Ajax一般采取如下的工作方式：l页面初始化：页面初始

7、化加载，准备处理用户输入或者刷新页面内容。l触发浏览器事件：浏览器触发一个事件，比如鼠标单击或者按下键盘。l向服务器发起请求：浏览器向服务器发出一个请求。l服务器处理请求：服务器收到浏览器发出的请求，调用业务逻辑接口处理请求。l服务器响应请求：服务器响应浏览器发出的请求，将处理结果返回。这个返回结果传递给在发出请求时指定的请求调用函数。l浏览器更新页面：请求调用函数根据响应结果更新DOM内容，比如DOM变量或者任何的Javascript变量，更新页面内容。“触发浏览器事件→向服务器发起请求→服务器处理请求→服务器响应请求→浏览器更新页面”这个过程是可以多次

8、偱环的，如图2所示。用户访问页面初始化浏览器更新页面服务器响应请求