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

维普资讯

ＡＳＰ中ＡＪＡＸ技术的应用　

文章编号：１００３—５８５０（２０Ｏ７）０５—００５２—０２　

ＡＳＰ中ＡＪＡＸ技术的应用　

Ａｐｐｌｉｃａｔｉｏｎ　ｏｆ　ＡＪＡＸ　Ｔｅｃｈｎｏｌｏｇｙ　ｉｎ　ＡＳＰ　

蒋银珍　

（苏州大学　苏州　２１５００６）　

【摘　要】ＡＪＡＸ（Ａｓｙｎｃｈｒｏｎｏｕｓ　Ｊａｖａｓｃｒｉｐｔ　ａｎｄ　ＸＭＬ，异步Ｊａｖａ　Ｓｃｒｉｐｔ与可扩展标记语言）将现有的多种技术　

进行结合，成为构建动态ｗｅｂ应用的一种新方法。使用ＡＪＡＸ技术可实现对ｗｅｂ页面快速更新而无需重载页　

面。文章以“用户注册”为实例，探讨了基于ＡＳＰ的ｗｅｂ应用程序中如何使用ＡＪＡＸ。　

【关键词】异步，可扩展标记语言，文档对象模型，ＸＭＩ　ＨｔｔｐＲｅｑｕｅｓｔ对象　

中图分类号：ＴＰ３１１　文献标识码：Ａ　

ＡＢＳＴＲＡＣＴ　ＡＪＡＸ（Ａｓｙｎｃｈｒｏｎｏｕｓ　Ｊａｖａｓｃｒｉｐｔ　ａｎｄ　ＸＭＩ　）ｉｓ　ａ　ｎｅｗ　ｗａｙ　ｏｆ　ｃｏｍｂｉｎｉｎｇ　ａ　ｎｕｍｂｅｒ　ｏｆ　ｅｘｉｓｔｉｎｇ　ｔｅｃｈｎｏｌｏｇｉｅｓ　ｔＯ　ｂｕｉｌｄ　

ｄｙｎａｍｉｃ　ｗｅｂ　ａｐｐｌｉｃａｔｉｏｎｓ．Ｂｙ　ｕｓｉｎｇ　ＡＪＡＸ　ｔｅｃｈｎｏｌｏｇｉｅｓ，ｗｅｂ　ａｐｐｌｉｃａｔｉｏｎｓ　ａｒｅ　ａｂｌｅ　ｔＯ　ｍａｋｅ　ｑｕｉｃｋ　ｕｐｄａｔｅｓ　ｔＯ　ｔｈｅ　ｕｓｅｒ　ｉｎｔｅｒｆａｃｅ　

ｗｉｔｈｏｕｔ　ｒｅｌｏａｄｉｎｇ　ｔｈｅ　ｅｎｔｉｒｅ　ｂｒｏｗｓｅｒ　ｐａｇｅ．Ｔｈｉｓ　ｐａｐｅｒ　ｇｉｖｅｓ　ａ　ｓａｍｐｌｅ　ｏｆ　ｈｏｗ　ｔＯ　ｕｓｅ　ＡＪＡＸ　ｉｎ　ｗｅｂ　ａｐｐｌｉｃａｔｉｏｎ　ｂａｓｅｄ　ｏｎ　ＡＳＰ　ｂｙ　

Ｕｓｅｒ　Ｒｅｇｉｓｔｅｒ　．　

ＫＥＹＷＯＲＤＳ　ａｓｙｎｃｈｒｏｎｏｕｓ，ｅｘｔｅｎｓｉｂｌｅ　ｍａｒｋｕｐ　ｌａｎｇｕａｇｅ（ＸＭＬ），ｄｏｃｕｍｅｎｔ　ｏｂｊｅｃｔ　ｍｏｄｅｌ（ＤＯＭ），ＸＭＩ　ＨｔｔｐＲｅｑｕｅｓｔ　Ｏｂｊｅｃｔ　

ＡＪＡＸ其实是多种技术的综合。使用ＡＪＡＸ技术　

可以开发出高度交互的Ｗｅｂ应用程序。例如：在传统　

ｗｅｂ应用程序的用户注册页面中，用户依次输入表单　

中的用户名、密码、邮政编码、通讯地址等信息后，单击　

“提交”按钮，将表单中的数据提交给表单处理程序以　

实现页面交换，此时，用户一般是中断操作，耐心等待　

表单处理程序的执行。如果遇到用户名已经存在的情　

况，注册页面重新装载，用户不得不重新输入一系列信　

息再次提交。而使用ＡＪＡＸ技术则能很好地解决此类　

用户重新输入再提交；否则打开数据库，用ＳＱＬ语句　

将信息写入数据库中。　

２使用ＡＪＡＸ技术的注册页面设计　

若希望用户一旦输入完用户名，马上让服务器判　

断该用户名是否存在，以便用户修改，可使用ＡＪＡＸ　

技术来实现。具体实现过程可分为三步。　

①获取ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ对象。　

ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ是ＸＭＩ　ＨＴＴＰ组件的对象，通过　

问题，它能实现：一旦用户输入完用户名就能判断出该　

用户名是否存在，而且不必刷新当前页面。其实ＡＪＡＸ　

并不是一种新技术，而是已经成功地用于现代浏览器　

这个对象，ＡＪＡｘ可以像桌面应用程序一样只同服务　

器进行数据层面的交换，而不用每次都刷新界面，也不　

用每次将数据处理的工作都交给服务器来做，这样既　

减轻了服务器的负担又加快了响应速度、缩短了用户　

等待的时间。　

②为ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ对象的　

ｏｎｒｅａｄｙｓｔａｔｅｃｈａｎｇｅ属性设置一个响应函数。　

ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ对象的ｒｅａｄｙＳｔａｔｅ属性表示客户端　

当前得到的服务器端的状态，该状态有４个只读返回　

值：　

中的若干技术的组合，其结果是以更快的速度，更少的　

拥挤和更好的信息传送控制。总之，通过引入ＡＪＡＸ　

技术，一个客户端脚本能够异步地与服务器通话，而用　

户仍能保持数据的输入。下面以用户注册为例，将传统　

设计方法与使用ＡＪＡＸ技术的设计方法作一个对比。　

ｌ基于ＡＳＰ的传统注册页面设计　

传统的用户注册功能包括两个文件：表单页面文　

件（如Ｒｅｇｉｓｔｅｒ．ＨＴＭＬ）和表单处理程序页面（如　

Ｒｅｇｉｓｔｅｒ．ａｓｐ）。Ｒｅｇｉｓｔｅｒ．ＨＴＭＬ主要提供用户输入界　

面，包括一个表单，内含若干文本框和一个提交按钮。　

设置表单的ａｃｔｉｏｎ为Ｒｅｇｉｓｔｅｒ．ａｓｐ，ｍｅｔｈｏｄ为ｐｏｓｔ。　

０（未初始化）：对象已建立，但是尚未初始化（尚　

未调用ｏｐｅｎ方法）。　

１（初始化）：对象已建立，尚未调用ｓｅｎｄ方法。　

２（发送数据）：ｓｅｎｄ方法已调用，但是当前的状　

态及ｈｔｔｐ头未知。　

Ｒｅｇｉｓｔｅｒ．ａｓｐ负责读取表单中的数据信息并进行判　

断。如果提交的用户名已经存在，则给出信息，并要求　

３（数据传送中）：已接收部分数据，因为响应　

ｈｔｔｐ头不全，这时通过ｒｅｓｐｏｎｓｅＢｏｄｙ和ｒｅｓｐｏｎｓｅ￣ｉ、ｅｘｔ　

＊　２００６—１　１－２１收到，２００７—０２—２６改回　

＊＊蒋银珍，女，１　９７１年生，硕士，讲师，研究方向：Ｗｅｂ软件开发。　

维普资讯

第２Ｏ卷第５期　电脑开发与应用　

获取部分数据会出现错误。　

４（完成）：数据接收完毕。此时可以通过　

ｒｅｓｐｏｎｓｅＢｏｄｙ和ｒｅｓｐｏｎｓｅＴｅｘｔ获取完整的回应数据。　

返回值每变化一次，ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ的　

ｏｎｒｅａｄｙｓｔａｔｅｃｈａｎｇｅ事件将触发并调用响应函数，这　

样我们就可以在该函数中根据返回的值来向客户端显　

示当前的程序执行状态。ＸＭＩ　ＨｔｔｐＲｅｑｕｅｓｔ的ｓｔａｔｕｓ　

属性存放服务器返回的状态码，如：４０４表示”文件未　

找到”；２００表示”成功”。而ｒｅｓｐｏｎｓｅＴｅｘｔ属性存放服　

务器进程返回的字符串。　

③调用ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ对象的ｏｐｅｎ和ｓｅｎｄ方　

法向服务器发出ＨＴＴＰ请求。如：ｈｔｔｐ　ｒｅｑｕｅｓｔ．ｏｐｅｎ　

（’ＧＥＴ’，ＵＲＩ　，ｔｒｕｅ）；　

ｈｔｔｐ　ｒｅｑｕｅｓｔ．ｓｅｎｄ（ｎｕｌ１）；　

ｏｐｅｎ的第一个参数是ＨＴＴＰ请求的方法，可以　

是Ｇｅｔ、Ｐｏｓｔ或者Ｈｅａｄ；第二个参数是目标ＵＲＬ；第　

三个参数指定在等待服务器返回信息的时间内是否继　

续执行下面的代码。如果为Ｔｒｕｅ，则不会继续执行，直　

到服务器返回信息。默认为Ｔｒｕｅ。ｏｐｅｎ方法运行后，　

数据并没有发送出去，而是等到ｓｅｎｄ运行完后，整个　

发送过程才完毕。　

使用了ＡＪＡＸ技术的Ｒｅｇｉｓｔｅｒ．ＨＴＭＬ和　

Ｒｅｇｉｓｔｅｒ．ａｓｐ的代码如下。　

Ｒｅｇｉｓｔｅｒ．ＨＴＭＬ文件的关键代码：　

＜ｓｃｒｉｐｔ　ｌａｎｇｕａｇｅ一”ＪａｖａＳｃｒｉｐｔ”＞　

ｖａｒ　ｈｔｔｐｒｅｑｕｅｓｔ—ｆａｌｓｅ；　

ｆｕｎｃｔｉｏｎ　ｓｅｎｄ

ｒｅｑｕｅｓｔ（ｕｒ１）｛　

ｈｔｔｐｒｅｑｕｅｓｔ＝ｆａｌｓｅ；　

—

ｉｆ（ｗｉｎｄｏｗ．ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ）｛／／创建ＸＭＬＨＴＴＰ　

对象，适用于ＩＥ　

ｈｔｔｐｒｅｑｕｅｓｔ＝ｎｅｗ　ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ（）；　

ｉｆ（ｈｔｔｐ

ｒｅｑｕｅｓｔ．ｏｖｅｒｒｉｄｅＭｉｍｅＴｙｐｅ）｛　

ｈｔｔｐ

ｒｅｑｕｅｓｔ．ｏｖｅｒｒｉｄｅＭｉｍｅＴｙｐｅ（　ｔｅｘｔ／ｘｍｌ　）；　

）　

ｉｆ（！ｈｔｔｐ

ｒｅｑｕｅｓｔ）｛　

ａｌｅｒｔ（　创建对象失败！　）　

ｒｅｔｕｒｎ　ｆａｌｓｅ；　

｝　

ｈｔｔｐｒｅｑｕｅｓｔ．ｏｎｒｅａｄｙｓｔａｔｅｃｈａｎｇｅ—ｐｒｏｃｅｓｓＲｅｑｕｅｓｔ；　

ｈｔｔｐ

ｒｅｑｕｅｓｔ．ｏｐｅｎ（　ＧＥＴ”，ｕｒｌ，ｔｒｕｅ）；　

ｈｔｔｐ

ｒｅｑｕｅｓｔ．ｓｅｎｄ（ｎｕｌ１）；　

）　

／／ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ对象的ｏｎｒｅａｄｙｓｔａｔｅｃｈａｎｇｅ事件的　

响应函数　

ｆｕｎｃｔｉｏｎ　ｐｒｏｃｅｓｓＲｅｑｕｅｓｔ（）　

｛ｉｆ（ｈｔｔｐ

ｒｅｑｕｅｓｔ．ｒｅａｄｙＳｔａｔｅ一一４）｛／／判断服务器端与　

客户端交互的状态　

ｉｆ（ｈｔｔｐ

ｒｅｑｕｅｓｔ．ｓｔａｔｕｓ一一２００）｛　

／／将服务器返回的字符串写到页面中ＩＤ为　

ｍｅｓｓａｇｅ的区域　

ｄｏｃｕｍｅｎｔ．ｇｅｔＥｌｅｍｅｎｔＢｙｌｄ（’ｍｅｓｓａｇｅ’）．　

ｉｎｎｅｒＨＴＭＬ—ｈｔｔｐ

ｒｅｑｕｅｓｔ．ｒｅｓｐｏｎｓｅＴｅｘｔ；　

）　

）　

）　

／／文本框ＴｘｔＵｓｅｒＮａｍｅ的ｏｎｂｌｕｒ事件的响应函数　

ｆｕｎｃｔｉｏｎ　Ｃｈｅｃｋ（）ｆ　

ｖａｔ　ｆ＝ｄｏｃｕｍｅｎｔ．ｆｏｒｍｌ　

ｖａｒ　ｕｓｅｒｎａｍｅ—ｆ．ＴｘｔＵｓｅｒＮａｍｅ．ｖａｌｕｅ　

ｓｅｎｄ

ｒｅｑｕｅｓｔ（’Ｒｅｇｉｓｔｅｒ．ａｓｐ？ｕｓｅｒｎａｍｅ一’＋　

ｕｓｅｒｎａｍｅ）；　

）　

＜／ｓｃｒｉｐｔ￣　

Ｒｅｇｉｓｔｅｒ．ａｓｐ文件的代码：　

＜　

Ｒｅｓｐｏｎｓｅ．Ｃｈａｒｓｅｔ一　ｇｂ２３１　２　

ｕｓｅｒｎａｍｅ—ｒｅｑｕｅｓｔ．ｑｕｅｒｙｓｔｒｉｎｇ（”ｕｓｅｒｎａｍｅ”）　

Ｓｅｔ　Ｃｎｎ＝Ｓｅｒｖｅｒ．ＣｒｅａｔｅＯｂｊｅｃｔ（”ＡＤ０ＤＢ．Ｃｏｎｎｅｃｔｉｏｎ”）　

ＳｔｒＣｎｎ一”Ｄｂｑ一”＆Ｓｅｒｖｅｒ．Ｍａｐｐａｔｈ（”Ｉｎｆｏ．ｍｄｂ”）　

ＳｔｒＣｎｎ—ＳｔｒＣｎｎ＆”；Ｄｒｉｖｅｒ一｛Ｍｉｃｒｏｓｏｆｔ　Ａｃｃｅｓｓ　Ｄｒｉｖｅｒ　

（＊．ｍｄｂ）｝『『　

Ｃｎｎ．０ｐｅｎ　ＳｔｒＣｎｎ　

ｓｑｌｓｔｒ一”ｓｅｌｅｃｔ＊ｆｒｏｍ　ｕｓｅｒ　ｗｈｅｒｅ　ＵｓｅｒＮａｍｅ一’”＆　

ｕｓｅｒｎａｍｅ＆””　

Ｓｅｔ　ｒｓ—Ｃｎｎ．Ｅｘｅｃｕｔｅ（ｓｑｌｓｔｒ）　

ｉｆ　ｎｏｔ　ｒｓ．ｅｏｆ　ｔｈｅｎ　

ｒｅｓｐｏｎｓｅ．ｗｒｉｔｅ　该用户名已经存在！　

ｅｌｓｅ　

ｒｅｓｐｏｎｓｅ．ｗｒｉｔｅ”该用户名可以使用！，，　

ｅｎｄ　ｉｆ　

Ｃｎｎ．ｃｌｏｓｅ　

＞　

３结束语　

综上所述，使用ＡＪＡＸ技术开发出来的Ｗｅｂ应用　

程序能减轻服务器的负担，能实现无刷新更新页面，能　

带来更好的用户体验。其缺点就是网页的后退功能失　

效，更新混淆。因此，在实际应用中，应结合具体情况合　

理使用ＡＪＡＸ技术。　

参考文献　

［１］　唐红亮，王改性，秦戈亮．ＡＳＰ动态网页设计应用教程　

［Ｍ３．北京：电子工业出版社，２００６．　

［２］　郑阿齐．ＡＳＰ程序设计教程［Ｍ］．北京：机械工业出版　

社，２００５・　／　

［３］　林义证，黄世阳．ＨＴＭＬ＆ＡＳＰ网页制作教程［Ｍ］．北　

京：中国铁道出版社，２０００．