资源描述:
《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、>