ajax在javaweb中的应用实例

《ajax在javaweb中的应用实例》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、AJAX在JavaWeb中的应用实例AJAX在JavaWeb中的实际应用：实例一：会员注册唯一性检查TestAjax1实例二：动态更新下拉列表TestAjaxXml6实例三：刷新页面局部内容(TestAjaxUpdateCounter)7实例四：交互式电子相册(TestAjaxPhoto)9实4列五：i方问Web月艮务(TestAjaxWebService)11实例六：创建工具提示(TestAjaxTool)12实例一：会员注册难一性检查TestAjax会员注册唯一性检查的业务逻辑由一个名为CheckUser.java(见例程1)的HttpServlet來实

2、现，CheckUser在web.xml中配置(见例程2)，然后在会员注册贞index.htm(见例程3)中使用AJAX技术异步调用CheckUser完成会员注册有效性的检查。操作步骤如下：1.首先，创建一个Web工程TestAjax,步骤如下图所示：2.然后，创建一个index.htm页面，在index.htm中放罝一个表单用于提交骑证数掘，见例程3。例程3使用AJAX技术的测试页面index.htm〈head〉注册用户唯一性检杏〈八itle>〈metahttp-equiv二〃content-type"content=〃text/h

3、tml;charset=gb2312〃>〈/head〉//定义一•个变量用于存放XMLHttpRequest对象varxmlHttp;//该函数用于创建一个XMLHttpRequest对象functioncreateXMLHttpRequest(){if(window.ActiveXObject){xmlHttp=newActiveXObject("Microsoft.XMLHTTP");}elseif(window.XMLHttpRequest){xmlHttp=newXMLHttpRequest(

4、);}}//这是一个治动AJAX异步通信的方法functionbeginCheck(){vartempLoginName=document,all.loginName.value;if(tempLoginName==〃〃){//如果尚未输入注册名alert("对不起，请您输入注册名！return;//创建一个XMLHttpRcqucst对象croateXMLHttpRequost();//将状态触发器绑定到一个函数xmlHttp.onroadystatochango-processor;//通过GET方法向指定的URL建立服务器的调用xmlHttp.open

5、("GET",z，ChockUsor?1oginNamo-，/+1cmpLoginNamo);//发送请求xmlHttp.send(null);)//这是一用来处理状态改变的函数functionprocessor(){//定义一个变萤用于存放从服务器返回的响应结果varrosponsoContext;if(xmlHttp.readyState=4){//如果响应完成if(xmlHttp.status==200){//如果返回成功//取出服务器的响应内容rosponsoContext-xmlHttp.rosponseText;//如果注册名检查有效if(ros

6、ponseContoxt.indexOf(〃true〃)!-~l){alert("恭喜您,该注册名有效！")；}olso{alert("对不起，该注册名已被使用！")；))))〈body〉输入用户名：

7、buUon">〈/form〉〈/body〉3.接下来，创建一个名为CheckUser.java(见例程1)的HttpServlet来处理从index.htm提交的请求，步骤如下图所示：lyEclipseJavaEnterpriseDevelop霣ent—index.ht量—KyEclipseEnterpriFileEditSourceRefactorSourceNavigateSearchProjectMyEclipseRunWindowHelp”▼:曜；稔镗；湩屋d月▼⑭:a-：爷▼<〔5▼?3▼，卜O▼々▼Pack.er…1index,ht

8、m0tformalvI(Default)Hew►Go