ASP.NET AJAX技术在网络课程开发中的应用研究

摘要：为了提高网络课程交互的实时性，本文在介绍ajax技术的基础上，采用了在平台上基于AJAX技术（即　AJAX框架）对网络课程进行了改进，提高了网络课程的可交互性，改善了学习者的学习效果。

关键词：网络课程 AJAX AJAX框架 异步交互

中图分类号：TP393 文献标识码：A 文章编号：1007-9416（2012）11-0159-02

1、题的提出

网络课程通常是指通过网络媒介所呈现的教学内容及其在网络环境下实施的教学活动的总和，它包括信息资源、教学活动和网络教学支撑环境等[1]。网络课程的交互是指学习者与网络学习资源、学习同伴以及网络指导老师等在网络课程情境中所进行的信息交流活动，主要包括学生在线学习的交互、教师辅导和教学效果反馈等等。我校的网络课程教学平台（注：我校精品课程网http：//220.168.40.22：81/jpk/index.asp）采用传统的Web应用模型构建，其模型如图1所示。传统的Web应用模型采用同步交互方式，即用户在提交一个请求之后，被迫中止当前工作，等待页面的刷新、交换和重载，这是一种完整的页面传输方式。请求能否得到及时的响应依赖于网络的传播速度，若网络速度过慢，交互的实时性就很难得到保障，进而影响到网络课程的教学效果和学习效果。

为了提高网络课程交互的实时性，本文在介绍AJAX技术的基础上，采用了在平台上基于AJAX技术（即　AJAX框架）。在网络课程的设计制作中，通过引入AJAX技术，可以在很大程度上降低网络速度对网络课程的交互过程所产生的影响，提高网络课程的可交互性，改善了学习者的学习效果。

2、　AJAX框架

2.1　AJAX的定义

AJAX（Asynchronous　JavaScript　and　XML，异步JavaScript和XML）是指—种创建交互式网页应用的网页开发技术。Ajax不是一门新的语言或技术，实际上它是由几种蓬勃发展的技术以新的强大方式组合而成。这些技术包括JavaScript、XHTML、CSS、DOM、XML、XSTL和XMLHttpRequest[2]。其中：使用XHTML和CSS进行标准化呈现；使用DOM实现动态显示和交互；使用XML和XSTL进行数据交换与处理；使用XMLHttpRequest对象进行异步数据读取；使用JavaScript绑定和处理所有数据。

2.2　AJAX的异步交互过程

与传统的Web应用不同，AJAX采用异步交互过程，如图2所示。其工作原理相当于在用户和服务器之间加了个中间层——AJAX引擎。当用户提交请求时，AJAX引擎使用JavaScript和DHTML立即更新用户的浏览器界面，并向服务器发出异步请求，以执行查询或更新数据库；当数据返回后，AJAX引擎使用JavaScript和CSS来相应地更新页面中的某个部分，而不是刷新整个页面。而且客户端只和服务器交换有用的数据，像页面元素、版式等大部分不必要的数据不再被重新加载，所以在使用AJAX引擎后，提高了网络传输效率，从而提高了交互的实时性。

2.3

AJAX框架介绍

AJAX是微软专为应用程序所发展的AJAX基础支持，研发代号为Atlas，原有的应用程序可以很轻松的使用　AJAX所提供的基础架构，开发具有AJAX　能力的Web应用程序。

AJAX分为Server和Client两个架构[3]。

（1）Server端的组件包含：①Scripting　Services，包含对AJAX的scripting的控制，例如debug、全球化、本地语系化等。②Web　Services，设置Web　Service的路径，让AJAX　Client可以抓取Web　Service的参数。③Application　Services，让AJAX　Client可以使用2.0的Membership和Profile服务。④Server　Controls，包含　AJAX的四个主要控件。

（2）Client端的组件包含：①Components：非可视化组件的支持。②Browser　Capabilities：为个别浏览器所提供的支持。③Networking：对网络访问的支持，包含异步处理、JSON、WebR　equest、Web　Service与Application　Service。④Core：对JavaScript的基础支持，例如Events、串行化、类型系统等。

AJAX是一个完整的开发框架，要实现　AJAX可以利用服务器端实现，也可直接使用客户端实现，或者两者结合。其服务器端编程模型相对于客户端编程模型较为简单，而且容易与现有的程序相结合，通常实现复杂的功能只需要在页面中拖几个控件，再进行简单的设置即可，而不必了解深层次的工作原理。

3、　AJAX在网络课程开发中的应用

3.1　树状导航菜单（级联菜单）实现

微软的树形导航因其容易实现且表达层次结构清晰而深受开发者的喜爱。但传统的Web设计技术有一个问题，那就是每当用户单击任一个节点时都会导致页面的重载，因而影响浏览的速度。为了避免每次对菜单的操作都引起页面的重载，采用AJAX技术进行优化。下面是该树形导航控件的代码清单：

从中可以发现，页面上增加了两个控件：ScriptManager控件和UpdatePanel控件，在UpdatePanel控件的子标签中加入TreeView控件，从而实现树形导航控件的局部刷新。

3.2　在线考试系统

在线考试系统是网络课程必备的一个模块，采用　AJAX技术制作的在线考试系统具有准确计时、安全、快捷等优点，从根本上解决了原有考试系统的多种弊端。

例如学习者在答题时，系统可以为学习者在后台预先从服务器端读取下一段的试题，当学习者需要下一段试题时，可以很快从客户端直接加载，而不需要等待服务器端的数据，从而实现无延迟、无闪烁的效果。

在考试过程中，利用　AJAX技术在后台为学习者定时保存数据，若系统出现故障，学习者再次进入考试系统时，可根据原先保存的信息在故障点处继续进行考试，原来考试的信息可以从服务器端一次性加载。

教师对多选题管理包括添加、删除、修改和查询，这是典型的访问数据库技术的应用问题，一般采用数据绑定控件和SQL　Server操作类在duoxuan.aspx单页面中很容易实现上述所有功能。界面设计如图4所示。

4、结语

网络课程的高质量交互是网络教学发展的需要。本文利用　AJAX技术来提高网络课程的交互性，做到无刷新更新页面数据、异步查询服务器端数据，保证了交互过程的持续、顺畅，增强了学习者的学习效果。

参考文献

[1]邹建梅，刘成新.网络课程的交互设计与控制策略[J].中国电化教育，2003（11）.

[2]廖宏建，杨玉宝.基于Ajax技术的web模型在网络课程开发中的应用研究[J].现代教育技术，2008（4）.

[3]　AJAX　Overview，http：///AJAX/Documentation/Live/Overview/default.aspx，2012.