用户名检查功能实现-优快云博客

本文介绍了一个使用Ajax进行用户名实时检查的JavaScript函数，并展示了如何通过JSP页面连接到MySQL数据库来验证用户名是否已被占用。该过程涉及客户端与服务器端的交互，包括发送请求、接收响应并更新页面元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function checkName(str){
	if(str==""||str==null){
		return;
	}
	var xmlhttp;
	if(window.XMLHttpRequest){
		xmlhttp=new XMLHttpRequest();
	}else{
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	xmlhttp.onreadystatechange=function(){
		if(xmlhttp.readyState==4&&xmlhttp.status==200){
			document.getElementById("ServerInfo").innerHTML=xmlhttp.responseText;
		}	
	}
	//alert(str);
	xmlhttp.open("GET","view/ajax/checkUserName.jsp?username="+str,true);
	xmlhttp.send();
}

jsp页面<%%>中加入以下代码

Class.forName("com.mysql.jdbc.Driver");   
    Connection conn=DriverManager.getConnection   
            ("jdbc:mysql://localhost:3306/credit","root","admin");   
    Statement stmt=conn.createStatement();
    //request字符编码
    //out.println(request.getCharacterEncoding());
    String uname=request.getParameter("username");
    //JAVA在网络传输中使用的编码是"ISO-8859-1"，经过网络编码后的中文，要正确显示在页面上必须要用类似于
    String str=new String(uname.getBytes("ISO-8859-1"),"GBK");
    //out.println(str);
    ResultSet rs=stmt.executeQuery("select userid from user where username='"+str+"'");
    rs.last();
    //int length = rs.getRow(); 
    //out.println(length);
    if(rs.getRow()==0){
    	out.println("<font color="+"green"+" size="+"-1"+">");
    	out.println("用户名可用!");
    	out.println("</font>");
    }else{
    	out.println("<font color="+"red"+" size="+"-1"+">");
    	out.println("用户名已存在!");
    	out.println("</font>");
    }