原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
AJA在JavaWeb中的应用实例.doc
AJAX在Java Web中的应用实例
AJAX在Java Web中的实际应用：
TOC \o 1-5 \h \z 实例一：会员注册唯一性检查TestAjax 1
实例二：动态更新下拉列表TestAjaxXml 6
HYPERLINK \l bookmark8 \o Current Document \h 实例三：刷新页面局部内容(TestAjaxUpdateCounter) 7
HYPERLINK \l bookmark14 \o Current Document \h 实例四：交互式电子相册(TestAjaxPhoto) 9
HYPERLINK \l bookmark16 \o Current Document \h 实4列五：i方问 Web 月艮务(TestAjaxWebService) 11
HYPERLINK \l bookmark17 \o Current Document \h 实例六：创建工具提示(TestAjaxTool) 12
实例一：会员注册难一性检查TestA jax
会员注册唯一性检查的业务逻辑由一个名为CheckUser.java (见例程1)的HttpServlet 來实现，CheckUser在web.xml中配置(见例程2)，然后在会员注册贞index.htm (见例程3) 中使用AJAX技术异步调用CheckUser完成会员注册有效性的检查。
操作步骤如下：
首先，创建一个Web工程TestAjax,步骤如下图所示：
2.然后，创建一个
2.然后，创建一个index.htm页面，在index.htm中放罝一个表单用于提交骑证数掘， 见例程3。
例程3使用AJAX技术的测试页面index.htm
〈head〉
t i 11 e注册用户唯一性检杏〈八itle
〈meta http-equiv二〃content-type content=〃text/ ; charset=gb2312〃 〈/head〉
script language二〃javascript〃
//定义一?个变量用于存放XMLHttpRequest对象 var xmlHttp;
//该函数用于创建一个XMLHttpRequest对象
function createXMLHttpRequest() { if (window. ActiveXObject) {
xml Http = new ActiveXObject(Microsoft. XMLHTTP);
}
else if (window. XMLHttpRequest) { xml Http = new XMLHttpRequest();
}
}
//这是一个治动AJAX异步通信的方法
function beginCheck(){
var tempLoginName = document, all. loginName. value; if (tempLoginName == 〃〃){//如果尚未输入注册名
alert (对不起，请您输入注册名！ return;
//创建一个 XMLHttpRcqucst 对象 croateXMLHttpRequost ();
//将状态触发器绑定到一个函数
xmlHttp. onroadystatochango - processor;
//通过GET方法向指定的URL建立服务器的调用
xmlHttp. open (GET, z，ChockUsor? 1 oginNamo-，/+1cmpLoginNamo);
//发送请求
xmlHttp. send (null);
)
//这是一用来处理状态改变的函数
function processor () {
//定义一个变萤用于存放从服务器返回的响应结果
var rosponsoContext;
if (xmlHttp. readyState = 4) { //如果响应完成 if (xmlHttp. status == 200) {//如果返回成功
//取出服务器的响应内容
rosponsoContext - xmlHttp. rosponseText;
//如果注册名检查有效
if (rosponseContoxt. indexOf(〃true〃)!-~l){ alert(恭喜您,该注册名有效！)；
}olso{
alert (对不起，该注册名已被使用！)；
)
)
)
)
/script
〈body〉
form name=forml’’ action=CheckUser’’ method=’’post,/
输入用户名：
input name=/，1 oginName，z type=z，text，/ id=loginName
i叩ut name:〃checkLoginName
文档评论（0）