借AJAX提升Web课件表现力与交互性.pdfVIP

胡殿均江苏省徐州市王杰中学 随着互联网的发展，Web课件 程序。AJAX应用的基本流程为：① 在教育教学中发挥着越来越重要的 从Web表单中获取需要的数据，② 作用。然而，伴随着Web的强大， 建立到服务器的url；③打开到服务 出现的却是等待：等待服务器响应， 器的连接；④设置服务器在完成后 等待屏幕刷新，等待请求返回和生 要运行的函数；⑤发送请求。 成新的页面，这一切使得Web课件 AJAX应用示例 图l 缺乏桌面应用程序的交互性及表现 下面我们以AJAX、JSP、Access 力。AJAX能提供高度交互的Web数据库结合为例，制作一个简单的、 应用，与桌面应用所差无几，而且能 无刷新的在线测试页面。 够在所有当前Web浏览器上部署， 1．界面与功能 无需特殊的插件。本文旨在将AJAX 设计者让学生自己根据需要从 图2 具里的数据源(ODBC)，②在出现 方法推广到Web课件制作中，以提 该Web页面选择题目(图1)，然后 升Web课件的表现力与交互性。 让浏览器根据学生的选择从服务器 的ODBC数据库管理器窗口中选择 AJAX方法简介 端数据库中获取相应的题目信息， 系统DSN选项卡；③建立指向db． AJAX是。Asynchronous并将这些返回信息再在该页面显示 mdb数据库，名称为hdj的数据源。 出来(图2)，而在这个过程中该Web JavaScript+XML的简写”，它不 用户表(quest) 是一种技术，而是一种方法，它由 页面没有刷新。 表项 数据类型 描述 ID 文本 用户的惟一标志， 几种蓬勃发展的技术以新的强大方 2．设计与编制 为主键 式组合而成，包括：①基于XHTML (1)建立数据源 quest 备注 题干 miaoshu 和CSS标准的表示I②使用Docu—首先，我们建立Access数据库 备注 题目选项 ment (2)代码编写 0bjectModel进行动态显示db．mdb，然后，创建新表quest用 ①学生操作的界面代码为： 和交互l③使用XMLHttpRequest来存放题目资源，表结构如下列用 文件名：main．html 与服务器进行异步通信，④使用 户表所示，最后，在表中输入一些 html JavaScript绑定一切。AJAX让开 head 题目内容以供调用。本例中，我们将