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

２０１０年第４期　福建电脑　１０７　

ＡＪＡＸ技术及其在ＡＳＰ．ＮＥＴ中的应用　

余　

勇　

（河南经贸职业学院　河南郑州４５００５３）　

【摘要】：本文介绍了ＡＪＡＸ技术的基本原理，较为详细的说明了ＡＪＡＸ技术的核心对象一ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ对象，并在　

ＡＳＰ．ＮＥＴ的基础上使用ＡＪＡＸ技术实现了一个典型应用一用户注册模块中用户名的异步验缸功能。　

【关键词】：ＡＪＡＸ技术；ＡＳＰ．ＮＥＴ；局部刷新；ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ对象　

１．ＡＪＡＸ技术的基本原理　

在使用ＡＪＡＸ技术时。我们需要建立ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ对象。根　

ＡＪＡＸ的全称是异步ＪａｖａＳｅｒｉｐｔ和ＸＭＬ（Ａｓｙｎｃｈｒｏｎｏｕｓ　

据ＩＥ浏览器的类型不同．我们有如下方法建立ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ　

ｉａｖａｓｅｒｉｐｔ　ａｎｄ　ｘｍ１），其基本功能就是实现ＷＥＢ页面与服务器端　对象。　

的无刷新交互．即实现在不刷新页面的情况下将ＷＥＢ服务器上　

１）非ＩＥ浏览器创建ＸｍｌＨｔｔｐＲｅｑｕｅｓｔ对象的方法　

ｘｍｌＨｔｔｐ＝ｎｅｗ　ＸｍｌＨｔｔｐＲｅｑｕｅｓｔ０；　

２）ＩＥ老版本创建ＸｍｌＨｔｔｐＲｅｑｕｅｓｔ对象的方法　

已经改变的内容显示到ＷＥＢ页面上。从而增强用户体验。　

ＡＪ．ＡＸ技术其实是ＪａｖａＳｅｒｉｐｔ技术与ＸＭＬ技术的综合应　

用。ＡＪＡＸ技术的基本原理就是通过建立ＸｍｌＨｔｔｐＲｅｑｕｅｓｔ对象　

来向服务器发送异步请求．并从服务器获得数据．然后用　

ＪａｖａＳｅｒｉｐｔ来操作ＤＯＭ对象来更新页面　

２．ＡＪＡＸ中用到的核心对象　

ｘｍｌＨａｐ＝ｎｅｗ　ＡｅｔｉｖｅＸＯｂｊｅｃｔ（”Ｍｓｘｍｌ２．ＸＭＬＨＴｒＰ”）；　

３）ＩＥ新版本创建ＸｍｌＨｔｔｐＲｅｑｕｅｓｔ对象的方法　

ｘｍｌＨｔｔｐ＝ｎｅｗ　ＡｅｔｉｖｅＸＯｂｊｅｅｔ（”　

３．ＪＡＸ技术在ＡＳＰ．ＡＮＥＴ中的典型应用　

ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ是ＡＪＡＸ技术的核心对象．它是在ＩＥ５中　ＡＪＡＸ技术在ＡＳＰ．ＮＥＴ中的一个典型应用就是进行用户名　

首先引入的，是一种支持异步请求的技术。简单的说。就是使用　

ＪａｖａＳｃｒｉｐｔ并通过ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ．可以随时向服务器提出请求　

和处理响应，而不阻塞用户，从而达到无页面刷新的效果。因此。　

下面重点来看看ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ。　

（１）ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ对象的重要属性有：　

１）ｏｎｒｅａｄｙｓｔａｔｅｃｈａｎｇｅ：每次状态改变所触发事件的事件处　

理程序：　

２）ｒｅｓｐｏｎｓｅＴｅｘｔ：从服务器进程返回数据的字符串形式：　

的可用性验证。我们在注册用户时，需要验证用户所使用的用户　

名是否已经被使用．由于已经注册用户的用户名存储在服务器　

的数据库中，因此。我们需要异步的到服务器中进行用户名的验　

证，以下是使用ＡＭＸ技术实现用户名验证的步骤。　

（１）创建用户界面的ＨＴＭＬ代码　

用户名：＜ａｓｐ：ＴｅｘｔＢｏｘ　ＩＤ＝＂ｔｘｔＵｓｅｒＮａｍｅ”ｒｕｎａｔ＝”ｓｅｒｖｅｒ”ｏｎ．　

ｂｌｕｒ－＝”ｅｈｅｅｋＵｓｅｒＮａｍｅ　０”＞＜／ａｓｐ：ＴｅｘｔＢｏｘ＞＜ｄｉｖ　ｉｄ＝”ｓｈｏｗＭｅｓｓａｇｅ”　

＞＜／ｄｉｖ＞　

３）ｒｅｓｐｏｎｓｅＸＭＬ：从服务器进程返回的ＤＯＭ兼容的文档数　

据对象：　

４）ｓｔａｔｕｓ：从服务器返回的数字代码。它有以下几种情况：　

２００：请求成功　

・

・

．

（２）创建ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ对象　

ｆｕｎｃｔｉｏｎ　ＣｒｅａｔｅＸｍｌＨｔｔｐＯ　

Ｉ　

ｉｆ（ｉｆ（ｗｉｎｄｏｗ．ＡｅｔｉｖｅＸＯｂｊｅｅｔ））／／ＩＥ浏览器　

｛　

ｘｍｌＨｔｔｐ＝ｎｅｗ　ＡｃｔｉｖｅＸ　

ｒ￣ｔｕｍ　ｘｍｌＨｔｔｐ；　

２０２：请求被接受但处理未完成　

４００：错误请求　

４０４：请求资源未找到　

．

５００：内部服务器错误　

５）ｓｔａｔｕｓ　Ｔｅｘｔ：伴随状态码的字符串信息　

６）ｒｅａｄｙＳｔａｔｅ：对象的状态值．它有以下几种情况：　

．

｝　

其它浏览器创建ＸｍｌＨｔｔｐＲｅｑｕｅｓｔ对象的方法参见上文所述　

ｌ　

（３）通过ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ对象获取数据　

ｆｕｎｃｔｉｏｎ　ｃｈｅｃｋＵｓｅｒＮａｍｅ０　

ｌ　

ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ　

ｖａｒ　ｕｒｌ＝　

・

・

・

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

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

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

＋￥（．．ｔｘｔＬｏｇｉｎＮａｍｅ”）．ｖａｌｕｅ；　

未知　

・

ｘｎｄＨｔｔｐ．ｏｐｅｎ（”ＧＥＴ＇’，ｕｒｌ，ｔｒｕｅ）；　

３：已接收部分数据（数据传送中１，因为响应及ｈｔｔｐ头不　

全，这时通过ｒｅｓｐｏｎｓｅＢｏｄｙ和ｒｅｓｐｏｒｔｓｅＴｅｘｔ获取部分数据会出现　

错误　

ｘｍｌＨｔｔｐ．ｓｅｎｄ（ｎｕｌ１）；　

Ｊ　

ｆｕｎｃｔｉｏｎ　ｆｕｎｃｔｉｏｎＯｋ０ｆｌ接收返回结果的方法　

ｌ　

４：数据接收完毕（完成１。此时可以通过通过ｌ－ｅｓｐｏｎｓｅＸｍｌ　

和ｒｅｓｐｏｎｓｅＴｅｘｔ属性获取完整的回应数据　

（２）ＸｍｌＨｎｐＲｅｑｕｅｓｔ的重要方法有：　

１）ｏｐｅｎ（ａ，ｂ，ｃ）：ｏｐｅｎ方法有三个参数，分别是：　

・ａ：向服务器提交数据的类型，即ｐｏｓｔ还是　ｔ。　

ｂ：请求的ｕｄ地址和传递的参数　

・Ｃ：传输方式，ｆａｌｓｅ为同步．ｔｒｕｅ为异步。默认为ｔｒｕｅ。如果　

是异步通信方式　ｅ），客户机就不等待服务器的响应：如果是同　

步方式（ｆａｌｓｅｌ。客户机就要等到服务器返回消息后才去执行其他　

操作。　

・

ｉｆ（ｘｍｌＨｔｔｐ．ｒｅａｄｙｓ呲ｅ＝：４）　【ｌｎｍｔ【ｐ数据接收完毕　

ｌ　

ｉｆ（ｘｍｌＨｔｔｐ．Ｂｔａｌｕｓ＝＝２００’，，妻￡据发送并接收完毕后才可获取　

ｌ　

ｖａｒ　ｏｂｊＭｅｓｓａｇｅ＝　ｓｈｏｗＭｅｓｓａｇｅ”）；　

ｏｂｊＭｅｓｓａｇｅ．ｉｍａｅｒｌｆｒＭＬ－－－ｘｒａｌＨｔｔｐ．ｒｅ￣ｐｏｎａｅＴｅｘｔ；　

Ｉ　

ｌ　

ｌ　

・

２）Ｓｅｎｄ０：Ｓｅｎｄ方法用于发送请求。　

（３）建立ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ对象　

腰　

（４）验证用户名的一般处理程序　

创建一个一般处理程序文件ＵｓｅｒＣｈｅｃｋ．ａｓｈｘ，并添加如下代　

ｃｏｎ￣ｘ０　（下转第１０６页）　

。　

ｐｕｂｌｉｃ　ｖｏｉｄ　

１０６　

Ｊ　

福建电脑　

前面两个步骤与方法一相同。　

Ｓ３：在Ｖｉｅｗ类重载ＯｎＣｍｄＭｓｇ函数　

２０１０年第４期　

Ｓ３：在ＣＭａｉｎＦｒａｍｅ类中重载ＯｎＣｏｍｍａｎｄ０ｌ￣函数．实现动　

态菜单的响应函数：　

ＢＯＯＬ　

ＢＯＯＬ　ＣＤｙｍａｎｉｅＭｅｎｕＶｉｅｗ：：ＯｎＣｍｄＭｓｇ　ｆＵＩＮＴ　ｈｉＤ。ｉｎｔ　ｎＣｏｄｅ。ｖｏｉｄ＊ｐＥｘｔｒａ，　

ＡＦＸ

ＣＭＤＨＡＮＤＬＥＲＩＮＦＯ‘ｐＨａｎｄｌｅｒｌｎｆｏ）　

＿

ＡＲＡＭｗＰａｒａｍ，ＬＰＡＲＡＭ１Ｐｍ￣ｎ）　

｛　

｜｛ＴＯＤＯ：Ａｄｄ　ｙｏｕｒ　ｓｐｅｃｉａｌｉｚｅｄ　ｅｏｄｅ　ｈｅｒｅ　ａｎｄ／ｏｒ　ｃａｌｌ　ｔｈｅ　ｂａｓｅ　ｃｌａｓｓ　

｛／／ＴＯＤＯ：Ａｄｄ　ｙｏｕｒ　ｓｐｅｃｉａｌｉｚｅｄ　ｃｏｄｅ　ｈｅｒｅ　ａｎｄ／ｏｒ　ｃａｌｌ　ｔｈｅ　ｂａｓｅ　ｃｌａｓｓ　

ｉｆｆ０＝＝ｎＣｏｄｅ）　，／表明这是一个菜单命令　

ｌ　

ｉｆ（ｎｌＤ＞＝ＩＤＭ＿ＴＥＬＥＰＨＯＮＥ＆＆ｎＩＤｄＤＭ＿ＴＥＬＥＰＨＯＮＥ＋ｍ　ｎｕｍｂｅｒ）　

Ｉ　

ＵＩＮＴ　ＭｅｎｕｌＤ＝ＬＯＷＯＲＤ（ｗＰａｍｍ）；　

ＣＤｙｍａｎｉｃＭｅｎｕＶｉｅｗ　ｖｉｅｗ＝　ＣＤｙｍａｎｉｃＭｅｎｕＶｉｅｗ‘）ＧｅｔＡｅｔｉｖｅＶｉｅｗ０；　

ｉｆ（ＭｅｎｕｌＤ＞＝ＩＤＭ＿ＴＥＬＥＰＨＯＮＥ＆＆ＭｅｎｕｌＤ＜ＩＤＭ＿ＴＥＬＥＰＨＯＮＥ＋ｖｉｅｗ—＞　

ｅ　ｎｕｍｂｅｒｒ）　

｛　

ＣＣＩｉｅｎｔＤＣ　ｄｅ（ｖｉｅｗ｝；　

ＣＳ￣ｎｇ　ｓｔｒ＝－ｖｉｅｗ－＞ｍ＿ｓｔｒＡｔｒａｙ．Ｃ，ｅｔＡｔ（ＭｅｎｕＩＤ－ＩＤＭ＿ＴＥＬＥＰＨＯＮＥ）；　

ｄｅ．ＴｅｘｔＯｕｔ（Ｏ，Ｏ，Ｓ呻；　

ｒｅｔｕｒｎ　ＴＲＵＥ；　

ｉｆ（ＮＵＬＬ＝＝ｐＨａｎｄｌｅｒｌｎｆｏ）　

（　

ＣＳｔｒｉｎｇ　ｓｔｒ＝ｍ　ｓｔｒＡｒｒａｙ．ＧｅｔＡｔ（ｎｌＤ－ＩＤＭ＿ＴＥＬＥＰＨＯＮＥ）；　

ＭｅｓｓａｇｅＢｏｘ（ｓｔｒ）；　

ｒｅｔｕｒｉ１ＴＲＵＥ；Ｊ　

Ｊ　

ｒｅｔｕｒｎ　ＴＲＵＥ；　

】　

ｒｅｔｕｒｎ　ＣＦｒａｍｅＷｎｄ：：ＯｎＣｏｍｍａｎｄ（ｗＰａｒａｍ，ＩＰａｒａｍ）；　

｝　

】　

ｒｅｔｕｒｎ　ｃＶｉｅｗ：：ＯｎｃｍｄＭｓｇ（ｎＩＤ，ｎＣｏｄｅ，ｐＥｘｔｒａ，ｐＨａｎｄｈｒｌｎｆｏ）；　

Ｓ４：但此时运行程序时，动态添加的菜单项是灰色的。为什　

Ｊ　．　

么呢？在ＭＦＣ中有一个这样的变量：ＣＦｒａｍｅＷｎｄ：：ｍ　ｂＡｕ．　

总结　

此方法与方法一相比：ｍｂＡｕｔｏｍｅｎｕＥｎａｂｌｅ没有设置为　

ｔｏｍｅｎｕＥｎａｂｌｅ。如果该数据成员为ＴＲＵＥ（缺省值），程序将自动　

使得对其它菜单项没有合作影响。　

禁止没有０Ｎ

ＵＰＤＡＴＥＣＯＭＭＡＮＤ

ＵＩ或者ＯＮ

ＣＯＭＭＡＮＤ的　

ＦＡＬＳＥ，

＿

———＿

菜单项。所以我们需要在ＣＭａｉｎＦｒａｍｅ类的构造函数中：　

结束语　

ｍ

ｂＡｕｔｏＭｅｎｕＥｎａｂｌｅ＝ＦＡＬｓＥ；　

以上就是通过重载ＯｎＣｏｍｍａｎｄ函数或ＯｎＣｍｄＭｓｇ函数来　

Ｓ５：要把视类和文档类的头文件包含到框架类的源文件中　

实现真正的动态菜单及命令响应．可以任意地添加子菜单或菜　

＿

单项，而不必考虑菜单项ＩＤ，不必事先编写消息映射函数、消息　

消息响应函数。　

此方法的缺点为：由于把ｍ

ｂＡｕｔｏｍｅｎｕＥｎａｂｌｅ设置为　

映射表、

ＦＡＬＳＥ，使得应用程序原本的菜单失去了原本的状态　

参考文献：　

方法二：重载ＯｎＣｍｄＭｓｇ函数　

总结　

＿

孙鑫，余安萍．Ｖｃ＋＋深入详解【Ｍ】．北京：电子工业出版社２００６　

・—・　一・－　－—＋－－＋一＋－—・　

（上接第１０７页）　

ｌ　

ｉｆ（ｃｏｎｔｅｘｔ．Ｒｅｑｕｅｓｔ．ＱｕｅｒｙＳｔｒｉｎｇ［”ｕｓｅｒＮａｍｅ”】！＝ｎｕｌ１）　

｛　

，，到数据库中查询验证用户名是否存在．并向客户端输出验证结　

果。　

｝　

ｌ　

深入了解ＡＪＡＸ技术的原理．并使用代码方式实现我们要实现　

的功能和效果。　

参考文献：　

［１】王倚．Ａｊ“技术构架及其在Ｗｅｂ中的应用明．高等职业教育（天津职　

业大学学报），２００９，１２　

［２】王净、战凯．ＡＪＡＸ技术和Ｗｅｂ应用Ｕ１．舰船电子工程，２００９，１１　

４．结束语　

３】修桂华、李红光．ＡＪＡＸ技术在ＡＳＰ．ＮＥＴ开发中的应用Ⅱ】．科技资讯，　

ＡＪＡＸ技术在当前得到了广泛应用．本文从ＡＪＡＸ技术实现　

［

　

的原理人手，介绍了在ＡＳＥＮＥＴ中使用ＡＪＡＸ技术的方法，虽然　

２００９，１１

４】孙启良．Ａｊ　技术与传统Ｗｅｂ应用的比较ｏ１．信息技术，２０１０，１　

ＡＳＰ．ＮＥＴ中包含有ＡＪＡＸ控件，但，要想灵活运用它，我们必须　

［

（上接第１２６页）　

括用户ＩＤ、姓名、学号，工作证号、密码、性别、身份、班级、邮箱、　

开放实验管理系统的开发减少了实验预约步骤．使教师和　

电话、ＱＱ号、状态等。②实验室信息表：包括实验室ＩＤ、实验室　

学生预约实验更加简单易行．同时也使实验管理员从繁琐的实　

名称、最大容纳人数。③实验预约信息表：包括预约ＩＤ、预约人　

验管理工作中解脱出来，大幅提高工作效率。为学生的实验课前　

学号，工作证号、实验室ＩＤ、实验项目名称、对应课程名、预约周　预习和课后复习提供了尽可能丰富的资料．使学生可以不受时　

拉　

次、预约星期几、预约节次、预约标志、日期等。④实验资源库表：　

间和地点的限制及时查阅实验相关资料。通过网上交流平台．

包括标题、类别、发布日期、上传人、附件、备注等。⑤实验报告数　

近了教与学的距离，为广大师生提供了学习、交流平台。　

据表：学号、姓名、实验项目名称、上传时间、附件、评阅人、成绩　

等。　

５、系统安全　

参考文献：　

…涂春萍，柴亚辉，甘岚．基于ＭＶＣ的多数据库的开放实验预约系统设　

ｆ２１张勇，肖利．基于ＷＥＢ的实验教学管理系统的设计丌１．吉林师范大学　

学报（自然科学版），２００９，１１（４）：１１２—１１５．　

ｆ３１付章杰，娥凌江，李勇军．开放实验综合性资源型网络平台的设计与实　

现Ⅱ】．现代教育技术，２００８，１８（１１）：１１７—１１９．　

华东交通大学学报，２００９，２６０）：４２—４７．　

在服务器安全方面。使用防火墙、入侵检测、ＷＥＢ安全网关　

计ｍ．

等安全软件来保护服务器。关闭服务器上不使用的端口和账户，　

每天至少备份一次系统数据。在用户安全方面。将用户划分为不　

同的身份．不同身份的用户对开放实验管理系统中的各个功能　

模块具有不同的权限。采用ＭＤ５加密算法对数据库中的密码字　

段进行加密，当用户登录时。系统将用户输入的密码计算成　

ＭＤ５值，然后再去和数据库中保存的ＭＤ５值的密码进行比较。　

ｆ４１郑耀东，蕖骞．ＡＳＰ．ＮＥＴ网络数据库开发实例精解ｆＭ１．北京：清华大学　

出版社．２００６．　

这样即使入侵者盗取了系统数据库也无法知道用户的密码是什　

２８（１　１）：８４—８７．　

么，从而保证了数据库的安全　

［６］胡桃，忻展红．论经济管理类实验中心教学管理平台的建设Ⅱ】．北京邮　

６、结束语　

电大学学报（社会科学版），２００９，１１（５）：７８—８３．　

［５】魏伟．加强实验教学示范中心网络化管理Ⅱ】．实验室研究与探索，２００９，