Ajax验证用户名是否存在的实例代码

2023-08-24 21:34:05 187

//创建对象 functionajaxFunction(){ varxmlHttp; try{ //适用于IE7+,Firefox,Chrome,Opera,Safari xmlHttp=newXMLHttpRequest(); } catch(e){ try{ //InternetExplorer xmlHttp=newActiveXObject("Msxml2.XMLHTTP"); } catch(e){ try{ //适用于IE6,IE5 xmlHttp=newActiveXObject("Microsoft.XMLHTTP"); } catch(e){ xmlHttp=false; } } } returnxmlHttp; } varflag=ture; functionCheckUserName(){ //获取jsp页面输入的值 varname=document.getElementById("r_name").value; if(name==""||name==null){ document.getElementById("span01").innerHTML="用户名不能为空！" flag=false; }else{ //1.创建对象 varrequest=ajaxFunction(); //2.发送请求 request.open("POST","/StudyWeb/CheckUserNameServlet",true);//true表示异步提交 //注册状态改变监听，获取服务器传送过来的数据 request.onreadystatechange=function(){ //readyState==4表示请求已经完成，且响应已就绪。status==200表示“OK” if(request.readyState==4&&request.status==200){ vardata=request.responseText;//获取CheckUserNameServlet中response中存储的值 if(data==1){ document.getElementById("span01").innerHTML="用户名已存在！" flag=false; }else{ document.getElementById("span01").innerHTML="√" flag=true; } } } //如果是post方式带数据，那么这里要添加头，说明提交的数据类型是一个经过url编码的form表单数据 request.setRequestHeader("Content-type","application/x-www-form-urlencoded;charset=UTF-8"); //带数据过去，在send方法里填写表单数据 request.send("name="+name); } returnflag; }

protectedvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException{ //获取ajax发送过来的name值 Stringr_name=request.getParameter("name"); try{ //检验是否存在该用户名 booleanisExist=userService.CheckUserName(r_name); System.out.println("isExist"+isExist); //通知页面，到底有没有 if(isExist){ response.getWriter().println(1);//存在用户名 }else{ response.getWriter().println(2);//不存在该用户 } }catch(Exceptione){ e.printStackTrace(); } }

publicbooleanCheckUserName(Stringu_name){ booleanflag=false; Stringsql="selectu_id,u_name,u_password,u_email,u_phonefromuserwhereu_name=?"; conn=super.getConnection(); try{ pstmt=conn.prepareStatement(sql); pstmt.setString(1,u_name); rs=pstmt.executeQuery(); //如果存在我输入的用户名和数据库表中已有的用户名相同时 if(rs.next()){ flag=true; } }catch(SQLExceptione){ e.printStackTrace(); }finally{ super.closeAll(conn,pstmt,stmt,rs); } returnflag; }

Ajax验证用户名是否存在的实例代码

热门推荐

随机推荐