2024年6月20日发(作者：)

叠曼．璺凰．

利用

AsP

．

NET

结合

AJAX

开发教育装备统计系统初探

蔡伟宏

(常州市教育局装勤中心，江苏常州213003)

睛要】随着互联网的发展，web发挥著越来越重要的作用。然而。伴随着web的强大，出现的却是等待：等待服务器响应，等待屏幕

刷新，等待请求返回和生成新的页面，这—切使得web缺乏桌面应用程序的交互性强表现力。利用AIAX核心技术xMLH印Rcqucst异步

数据读取方式，使用户操作与服务器的响应异步化，从而使其在web异步交互方面具有响应速度快，节省带宽等优越性，这些优势正适合

中小学校教’芽信息化应用软件系统。在此阐述了教育装备统计系统如何结合AfAX技术，使得软件系统不仅提高了程序运行莲度，同时减

轻服务器的压力，使系统具有更好的响应能力和较好的用户体验。

C关键词]xMLH印Request；AJAx；响应异步化；教育装备统计系统

随着Intemet应用的快速发展，用户对Web应用能具有实时动态

处理交互信息的能力提出了更高要求。传统的Web应用已经不能很好

地满足用户的需要，而AJA×技术可以构建更为动态和响应更灵敏的

Web应用程序。因为它具有异步通信方式，按需获取数据，无刷新更

新页面，以及较少的服务器端事件等优势。通过AJA×技术，可以提高

程序的运行速度，节省网络资源，减少用户心理和实际等待时间，使用

户可以得到丰富的应用体验及交换操作。这些特点使得AJA×技术可以

广泛应用到大量的项目开发之中。

1八JAX技术原理

1．1

AJAx的定义

异步JavaScnpt和XML(AsynchronousJavaS2crjptandXML

，AJAx)是一套编程技术，或者说是一套特殊的Web编程方法。它不

是一门新的语言或技术，实际上是几项技术按一定方式的组合，在共同

的协作中发挥着各自的作用。它包括使用×HTML和CSS标准化呈现：

使用DOM实现动态显示和交互；使用XML和×SLT进行数据交换与

处理：使用×ML

HttpRequest进行异步数据读取；使用JavaScr．pt

绑定和处理所有数据。其中，×MLHttpRequest，JavaScript和

DOM是AJAX技术的核心。

12xML

HctpRcquest对象

×ML

Http是一套可以在Javascr．pt，VbScript，Js刚pt等脚本

语言中通过HTTP协议传送或接收×ML及其他数据的一套API，其最

大的用处是可以更新网页的部分内容而不需要刷新整个页面。通过

×MLHttpRequest来创建对象，称其为AJA×引擎，利用JavaScript

脚本提供在客户端不重新载八页面的情况下，对W曲服务器进行异步

请求数据，并获得来自Web服务器的响应。

13

AJAx请求处习E过程

传统B，S的Web系统是一个同步的请求／响应过程，其工作流程

是“用户请求并等待服务器响应用户展现”的循环过程。在此期间，用

户和程序的数据交换都需要服务器来处理。在这种模式下，如果交换信

息量大时，会导致服务器响应时间较长，以及浪费较多的网络资源，使

用户处于等待。而AJAX技术的出现正好解决了这个问题。AJAX的特

点是将应用的大量任务放在客户浏览器端完成，以减轻服务器的处理负

担，提高交互性。4JA×的工作原理就是在客户端和服务器之间加了一

个AJA×引擎，使用户操作与服务器响应异步化，并独立于客户端用户

与服务器进行交互。此时，浏览器不用等待服务器的响应，用户可以继

续其他操作，这样用户感觉的是几乎所有的操作都会很快响应，没有页

面重载(白屏)的等待。AJA×工作流程如图1所示。

蹦lA}AX1怍瑰群i嘲

260而碎百耵可

2

AJAX技术在教育装备统计系统中的应用

21教育装备统计系统

常州教育装备统计系统包括统计项目管理、统计报表管理、基础

资料维护、数据事核统计、采购项目管理、信息中心、教育胡构通讯录

等子模块。该系统不仅能自定义统计报表和统计项目，进行县、市、省

逐级E报、审核及反审核，实现数据汇总自动化，审批电子化，而且能

提供纵横向对比分析图，从宏观和微观两个方面即时掌握各级、各地

区、各部门教育总体发展情况和教育装备情况；即时主动依据所掌握的

资源更好地为中，J、学教育服务，提高中小学教育质量。常州各区县还有

许多地区中，J、学校，由于多方面原因，网络建设较差，网络带宽、性能

得不到保障。因此，在该系统中大量地方使用了AJA×技术，以此来提

高系统的响应速度和用户的交互，给广大学校用户提供很好的使用体

验。

22市县无$q新联动下拉列表实现演．程联动下拉框

利用AJAX技术可以实现动态获取数据，将浏览器端和服务器端

结合起来，当用户在选择省下拉列表时即向服务器发出请求，查询后台

数据库，获取该市下的所有区县。当数据返回后，利用JavaScript将

数据显示到客户端(即对应下拉列表中)，不用刷新整个页面，所有数

据获取和处理工作都在后台完成，从而提高检索效率，给用户更好的使

用体验。实现的流程图如图2所示，其效果见图3所示。

同Z啊昱壬￡明斩职酌r髓卅表i；l|：纷踊

圈3市县无刚靳玳功F拉别

恻

23

ASP．Ⅻ'T下AJAx具体实现步骤(限于篇幅，只有部分

231客户端实现

1)市县联动下拉列表框客户端代码：

server’onchange=‘returnProVinceListOnChangeO，>

<／asp：DropDovvnList>

91px。>onchange≈’retum

CityLjstonChange《》_>‘，asp：

DroODo^，vnUst>

．

‘91

px。><，aspDropDownList>

一

2)AJA×异步读取具体实现：

ript

Ianguage=’javasc

rIpt-type=。text，javasc

ript。>

应用科技

varxhr’zxq／／×MLHttp对象

functioncreate×mIHttpRequestO

{

／，lE7，FireFoxandothers：

function

}}

privateSt

rIngGetCity×MLStringO

{

StringCnnStr=ConfigurationManageLConnectio^Strings

【。ConnectionString’】．ToStringO：

St

ring

cmdst

ProvinceListOnChangeO／／改鸷E市的歹0表时，

发送Ajax请求

varprovinclist=document．getElementById(。ProVjnceList。)：

var

here

p．Id=

f=。selec“d，name

f

fom

pcjty

w

’。+

Request【。p—id’】．ToStringO+¨andIeveI=’。+Request【。level。】．

ToS¨ngO+”。：

×ml

seIect

ProvinceVaIue=provjnGIist．options的roVincIist．se—

Te×tWriter×tw=new×mITextWriter(cityIistMemoryS—

Iected

Jndex】．vaIue：tream，Encoding．UTF固：

varRequestURL=‘Aja×Serveraspx7IeVeI=2＆p—jd=。+select

Prov|nceVaIue：

xtw．Wr．teStartDocumentO：

whiIe(sdrReadO)

createXmIHttpRequestO：

If仅hLzx枷

{

xhr—积q

Onreadystatechange=ca|IBack：

xhr—z×qopenfGEr，RequestURL，true》：

×h【．．z×qsend价uID：／，发送异!}请求

1

}

．

×tw．Wr．teStart

EIementfcity。)：

xt、，v．WriteEndEIementO：

×t、Ⅳ．WriteEndElementO：

xt、M

WrJteEndDocumentO：

xtw．FIushO：

cityIistMemoryStream．PositjOn=O：

StreamReadersr=new

St

reamReader《citylistMemoryS—

<／sc

rIpt>

treamI：returnsrReadToEndO：}

3结语

AJAX技术及在ASP．NE丁上的应用，已被用在当前大量的项目开

发中，正受到广大程序员的青睬。它可以把以前一些服务器负担的工作

转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器和带宽的负

担，节约空间和宽带租用成本。并且减轻服务器的负担，aja×的原则是

232服务器端实现

处理页面AJAXSe～er．aspx时，注意该页面是×ML

HttpRe—

auest提交请求的服务器URL，其任务是读取客户端传来的两个参数。

利用ADO．NET访问数据库，读取数据，生成XML网络流返回给客户

端。×ML文件格式如下：

<7×mIversion=。1．O。encoding=。GB2312。7>

毽}需取数据”，可以最大程度的减少冗余请求，和响应对服务器造成的

负担。这些优势正适合中小学校教育信息化应用软件系统。AJA×的应

用必定给产品或项目带来更多更丰富的性能和用户的体验，使产品或项

目更具竞争力。

武进区<，c耐>

漂阳市<／c时>

金坛市<，cjty>

<，cities>

作者简介：蔡伟宏，中学一级教师，本科，毕业于苏州大学物理

系，研究方向为教育装备与信息化。

程序具体实现代码如下：

protectedvoidPage—Loadbbjectsender．EventArgs

e》

{

if僻equest【-p—id。11=nuIl&&Request【。IeVe|-l!=nuIO

ResDonse．CIearO：

Response．ContentT、，pe=。text，xmI。：

‘【参考文献]

11】苏珏，曾贤蓖蓝天．AJAx技术在wcb2．o中的应用研究U】．电脑编程技巧

与维护，2008．

Response．Write(GetCity×MLSt

rJngO)：

ResDonse．EndO：

f2】吕林涛，万经华，局红芳基于^弘x的w曲无刷新页面快速更新数据方法

lI】计算机磁用研究，2006．

(上接第255页)

可靠的工作是绰绰有余的。实验证明，该能量供应装置能够满足户外低

功耗无线传感器节点的正常工作。

4结论

是一种绿色的环保的高效的电源装置，是来利氏功耗无线传感器能置供

应装置发展的趋势。

作者简介：许世清，1971年生，男，河南南阳，高级工程师，从

事电力系统自动化技术及电力设备运行管理工作；孙建中，男，河南南

阳，工程师，从事电力生产管理工作；王大东，男，河南南阳，技师，

从事变电运行工作；姚纬，男，河南南阳，技师，从事变电运行工作。

[参考文献】

【1】朱磊，吴伯荣，陈晖等超级电容嚣研究及其应用Ⅱ1稀有金属，2003．

通过对以太阳能电池为发电器件，以超级电容为储能器件来代替

传统电池为低功耗无线传感器供电的能量供应装置的实际测试数据的分

析，得出了该能量供应装置能够满足无线传感器节点的工作要求。

但超级电容也有其缺点，它不能使用在温度骤升骤降的环境中，

在该供电装置中，超级电容里的电能只能利用其中的一部分，在电压降

至1．75V以下时就不能工作了。根公式(2—1)，如果在电容和负载

之间加个升压装置，则超级电容的工作截止电压大大降低。

实际试验表明，利用太阳能电池发电、超级电容储能的电源装置，

12】宋文，王兵周应宾等．无线传感器网络技术与应用【MJ北京：电子工业出

版粒，2007．