1、基于 Ajax 技术的参考咨询平台的设计与实现刘 凡 馨西华大学 成都 610039摘要 针对参考咨询平台工作的现状，介绍 Ajax 技术的优势和特点，设计和实现输入实时显示的参考咨询平台，解决参考咨询效率和咨询平台流量以及人性化问题，提高图书馆和读者的工作效率。该系统人机界面友好，操作简单，扩充灵活。关键词 Ajax 参考咨询 DOM JavaScript VBScript分类号 G354.43 TP311.11 The designing and implementing of advisory reference platform based on AjaxLiu FanxinLibra
2、ry of Xihua University, Chengdu 610039Abstract In allusion to the status of advisory reference platform, introduce the advantages and features of Ajax technical, design and realize displaying real-time information, solve the Advisory platforms reference flows and advisory efficiency and humanization
3、, improve the efficiency of the library and readers. The computer system have friendly interface, simple to operate and expand flexible.KeyWords Ajax Reference DOM JavaScript VBScript1 引言国际图联第 71 届大会上，主席 Alex Byrne 介绍由社会、专业和成员三个支柱构成的国际图联发展战略，反映了整个社会对信息环境、信息获取、信息服务、信息自由等的发展需求。而参考咨询平台是读者与信息中心进行信息交流的最理
4、想平台。读者进行信息检索时由于服务器是整页刷新及信息检索不是按输入逐字或逐词实时输入显示而导致检索工作繁杂、速度慢、刷新率低、人性化不足等缺点。笔者就此利用 Ajax 技术设计和实现逐字和逐词实时输入显示的参考咨询平台，以解决速度和流量及服务器负荷等问题，提高工作效率。2 Ajax 技术2.1 Ajax 技术特点Jesse James Garrett 最早提出了 Ajax 的概念，指出 Ajax 实际上是几项技术的组合，主要包括：XHTML、CSS、DOM、XML、XSLT、XMLHttpRequest 、JavaScript 以及 VBScript 等。Ajax 主要有以下几方面的特点： 减
5、轻服务器的负担。AJAX 的原则是“ 按需取数据”，可以最大程度的减少冗余请求和响应对服务器造成的负担。另外，也可把服务器负担的一些工作转嫁到客户端，利用客户端闲置的能力来处理。 可调用外部数据。 刷新需要更新的页面部分，减轻服务器负担和减少用户心理和实际的等待时间。 逐字逐词输入显示，带来更好的用户体验。 实现数据和页面呈现的分离。通常，用户执行一个请求，Web 服务器就重新向客户端发送整个页面，而应用 Ajax，则可在向服务器请求的过程中保持当前页面，用户可继续阅读页面，而服务器只需返回用户请求的内容，不需重新生成整个页面。图 1 说明了传统 Web 页刷新和 Ajax 技术页面刷新之间的
6、区别。图 1 传统与 Ajax Web 页新页 请求Web 服务器客户浏览器传统 Web 页Web 服务器请求数据新页请求Ajax浏览器Ajax Web页2 .2 Ajax 相关技术Ajax 的核心是 XMLHttpRequest，它实现与服务器的异步数据交换，向服务器发送请求，返回请求数据后，在客户端完成页面更新。XHTML、CSS、DOM 、XML 、XSLT、JavaScript 和 VBScript 等技术则使用 XMLHttpRequest 返回的数据更新页面。 XMLHttpRequest XMLHttpRequest 的前身是 Microsoft 在 IE 中使用的 Active
7、X 对象 XMLHttp，它用于在不改变当前 Web 页 URL 的情况下，与服务器交换数据。 XMLHttpRequest 的使用主要包括 3 个步骤：创建 XMLHttpRequest 对象、发送请求、处理返回结果。 DOM DOM 为文档对象模型，它将 HTML 和 XML 文档抽象为树型结构，文档中的每一个基本组成部分，如元素、元素内容、元素属性、注释以及处理指令，分别创建为一个节点。DOM 不仅允许修改页面元素，还可添加新的元素，从而在不刷新整个页面的情况下，实现页面内容更新。 脚本语言与页面更新 典型的脚本语言如 JavaScript、JScript 和 VBScript，这些脚本
8、语言在Web 页中被广泛使用，并且都支持 DOM。3 参考咨询平台工作的现状3.1 国内参考咨询平台基本功能介绍国内参考咨询平台功能是根据读者和参考咨询的需求定做的。笔者统计国家科学数字图书馆参考咨询系统、国家图书馆、清华大学图书馆、武汉大学图书馆、北邮电信数字图书馆、中国数字图书馆等 200余参考咨询系统其基本功能有表单咨询、实时咨询、电话咨询、当面咨询等，各参考咨询平台所用术语不完全相同，但功能相同。有一共同点：读者进行咨询之前要求进入咨询系统进行问题和答案的检索。在检索过程中，受读者自由关键词和服务器等因素的影响，易产生咨询疲劳。3.2 参考咨询平台面临的问题服务器负荷 随着读者对信息需
9、求量的增加，参考咨询量成指数上升，各大咨询系统服务器的负荷成倍增加。服务器的负荷问题成了咨询平台的硬件障碍。咨询平台技术 目前，参考咨询平台建设主要使用 HTML、DHTML、ASP 等实现，无一例外采用传统Web 页面风格，即通过刷新整个页面来更新页面内容。例如，在国家科学数字图书馆参考咨询系统中，当用户填写了提问表单后，提交表单会刷新整个页面。在服务器返回结果前，浏览器显示空白页面，用户只有等待服务器返回。咨询服务效率 一方面受服务器负荷的影响，另一方面受访问速度的影响。在线咨询时段限制 在线咨询一般是专家正常工作日进行咨询，也是参考咨询最理想的方式。就图书馆而言，读者一般是学生或教师，其
10、空闲时间与在线咨询时间相冲突。问题及答案数据库 参考咨询检索速度慢，问题分类不明确，查找问题及答案的工作繁琐。4 用 Ajax 技术实现的咨询系统4.1 设计思路参考咨询系统的设计主要考虑解决目前国内咨询平台的问题。利用 Ajax 技术的刷新需更新的页面可解决服务器负荷、访问速度、问题答案数据库的数据管理问题，利用 Ajax 技术的输入逐字逐词实时显示可解决咨询服务效率以及协调在线咨询时段限制的问题。4.1.1 服务器页面数据部分更新设计根据读者对咨询系统的菜单选择，实现更新内容的刷新。可直接利用 Ajax 技术来设计参考咨询系统。设计四个主要的菜单：表单咨询，实时咨询，电话咨询，当面咨询。4
11、.1.2 问题及答案数据库的数据管理设计根据目前参考咨询的发展情况来看，读者不管是以哪种方式进行咨询，都必须先通过常见问题及其答案数据库检索后才能进行。由于检索的方式及数据库本身的功能直接影响检索的效率和结果。故，数据管理设计为以读者输入的数据为基准，实现实时逐字逐词输入显示，直接把数据库的相关内容完全传递给读者。4.2 软硬件环境4.2.1 硬件环境参考咨询平台服务器的硬件环境应具备安装操作系统和 Web 服务器的基本要求，客户端则需要具备安装操作系统和 Web 浏览器的基本条件。操作系统最小系统要求：300MHz 或更高的 CPU，至少需要 233 MHz；硬盘最少空间大约为80GB； S
12、uper VGA（800x600 ）或分辨率更高的视频适配器和监视器。4.2.2 软件环境参考咨询平台服务器的软件环境要求 Windows 2000 或 XP 操作系统，安装操作系统自带的 IIS 服务器。安装创建参考咨询平台数据库需要的数据库管理系统，如 Microsoft Access 2000 或更高版本。参考咨询平台服务器的软件环境要求安装 Internet Explorer 浏览器。4.3 程序实现以常见问题查询功能为例，说明采用 Ajax 技术实现参考咨询功能。4.3.1 程序界面图 3 显示了当用户输入常见问题查询关键字时，在页面中动态显示以输入字符开始的常见问题列表。输入的查询
13、关键字越多，显示的常见问题则越匹配，如图 4 所示。图 3 逐词检索 1 图 4 逐词检索 2在页面中单击问题，即可在不刷新整个页面的/情况下，在页面中显示问题答案，如图 5 所示。图 5 查看问题答案4.3.2 实现步骤实现步骤主要包括创建问题数据库、设计查询 ASP 和设计客户端 Web 页。 创建问题数据库创建问题数据库可使用 Microsoft Access 2000 数据库，或者其他数据库。选择不同的数据库，需要在查询 ASP 中为 ADO 对象指定对应的启动程序。本文常见的问题数据库如图 6 所示。图 6 问题数据库 设计查询 ASP查询 ASP 主要根据用户输入的查询关键字，执行
14、查询操作，并将查询结果以 XML 格式返回客户端。其代码如下：“ then strsql=strsql function makequery(here) faqindex=here;var querykey=document.getElementById(“txtqueryText“);xmlhttp = new ActiveXObject(“Msxml2.XMLHTTP“); xmlhttp.onreadystatechange = outputresult;/指定结果处理函数xmlhttp.open(POST, “doquery.asp?querykey=“+querykey.value,
15、 true);xmlhttp.send(null);/发送请求 function showanswer(index)makequery(index);function outputresult() var outspan,i,str=“;outspan=document.getElementById(“outText“);if (xmlhttp.readyState = 4) if (xmlhttp.status = 200) var xmldoc=xmlhttp.responseXML;var item,node=xmldoc.documentElement;for(i=0;i（“+(i+1
16、)+“ ）“;str+=node.childNodes(i).childNodes(1).text+“;if(faqindex=item)str+=“答案：“ +node.childNodes(i).childNodes(2).text;str+=“;outspan.innerHTML=str+“; else outspan.innerText=XMLHTTP 请求出错！; 查询关键字：参考文献1 张晓林.知识的航程参加国际图联第 71 届大会记实 . 图书情报工作，2005（9）：5-72 微软公司.Microsoft .NET 战略M . 北京.清华大学出版社， 20023 2005-11-02. http:/ 年生，馆员，发表论文 6 篇，参编教材 2 部。联系地址：西华大学图书馆，邮编 610039， 电话 028-89620882 电子邮箱：
