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