jsp怎么用ajax判断用户是否存在,Ajax验证用户名是否存在的实例代码

jsp页面

js文件夹下的register.js

//创建对象

function ajaxFunction(){

var xmlHttp;

try{

// 适用于IE7+, Firefox, Chrome, Opera, Safari

xmlHttp=new XMLHttpRequest();

}

catch(e){

try{

//Internet Explorer

xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");

}

catch(e){

try{

// 适用于IE6, IE5

xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");

}

catch(e){

xmlHttp=false;

}

}

}

return xmlHttp;

}

var flag=ture;

function CheckUserName(){

//获取jsp页面输入的值

var name=document.getElementById("r_name").value;

if(name==""||name==null){

document.getElementById("span01").innerHTML="用户名不能为空！"

flag=false;

}else{

//1.创建对象

var request=ajaxFunction();

//2.发送请求

request.open("POST","/StudyWeb/CheckUserNameServlet",true);//true表示异步提交

//注册状态改变监听，获取服务器传送过来的数据

request.onreadystatechange=function(){

//readyState==4表示请求已经完成，且响应已就绪。status==200表示“OK”

if(request.readyState==4 && request.status==200){

var data=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);

}

return flag;

}

后台StudyWeb项目下的CheckUserNameServlet

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

//获取ajax发送过来的name值

String r_name=request.getParameter("name");

try {

//检验是否存在该用户名

boolean isExist=userService.CheckUserName(r_name);

System.out.println("isExist"+isExist);

//通知页面，到底有没有

if(isExist){

response.getWriter().println(1);//存在用户名

}else{

response.getWriter().println(2);//不存在该用户

}

} catch (Exception e) {

e.printStackTrace();

}

}

UserDaoImpl中方法的实现

public boolean CheckUserName(String u_name) {

boolean flag=false;

String sql="select u_id,u_name,u_password,u_email,u_phone from user where u_name=?";

conn=super.getConnection();

try {

pstmt=conn.prepareStatement(sql);

pstmt.setString(1,u_name);

rs=pstmt.executeQuery();

//如果存在我输入的用户名和数据库表中已有的用户名相同时

if(rs.next()){

flag=true;

}

} catch (SQLException e) {

e.printStackTrace();

}finally{

super.closeAll(conn, pstmt, stmt, rs);

}

return flag;

}

总结

以上所述是小编给大家介绍的Ajax验证用户名是否存在的实例代码，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言小编会及时回复大家的！