JAVAWEB开发实战经典PPT031402_异步验证.ppt

《JAVAWEB开发实战经典PPT031402_异步验证.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、JAVAWEB开发实战经典第14章：AJAX开发技术——异步验证李兴华北京魔乐科技软件学院本章目标使用AJAX完成一个注册用户的异步验证功能。异步验证登陆注册的程序读者应该不会陌生，但是如果要注册，则首先必须保证的是一个用户的ID不能重复，那么这种用于检测用户ID的操作就可以通过AJAX完成。所使用到的表——user表No.列名称描述1userid保存用户的登陆id号2name用户的真实姓名3password用户密码编写注册表单页——regist.htm（1）varxmlHttp;//AJAX核心对象名称varflag

2、;//定义标志位functioncreateXMLHttp(){//创建XMLHttpRequest核心对象if(window.XMLHttpRequest){//判断当前使用的浏览器类型xmlHttp=newXMLHttpRequest();//表示使用的为FireFox内核的浏览器}else{//表示使用的是IE内核的浏览器xmlHttp=newActiveXObject("Microsoft.XMLHTTP");}}functioncheckUserid(userid){createXMLHttp();//建立xmlHttp核心对象xmlHttp.open("POST"

3、,"CheckServlet?userid="+userid);xmlHttp.onreadystatechange=checkUseridCallback;xmlHttp.send(null);//发送请求，不传递任何参数document.getElementById("msg").innerHTML="正在验证...";}functioncheckUseridCallback(){//定义回调函数if(xmlHttp.readyState==4){//数据返回完毕if(xmlHttp.status==200){//HTTP操作正常vartext=xmlHttp.respo

4、nseText;//接收返回的内容if(text=="true"){flag=false;//无法提交表单document.getElementById("msg").innerHTML="用户ID重复，无法使用！";}else{flag=true;//可以提交表单document.getElementById("msg").innerHTML="此用户ID可以注册！";}}}}functioncheckForm(){returnflag;}编写注册表单页——regist.htm（2）

5、onsubmit="returncheckForm()">用户ID：
姓  名：
密  码：

6、>验证用户名是否存在——CheckServlet.javapublicclassCheckServletextendsHttpServlet{publicstaticfinalStringDBDRIVER="org.gjt.mm.mysql.Driver";//数据库驱动程序publicstaticfinalStringDBURL="jdbc:mysql://localhost:3306/mldn";//连接地址publicstaticfinalStringDBUSER="root";//数据库连接用户名publicstaticfinalStrin

7、gDBPASS="mysqladmin";//数据库连接密码publicvoiddoGet(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException{this.doPost(request,response);}publicvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletExce