Ajax实现注册用户名验证

最新推荐文章于 2022-12-15 22:37:53 发布

coder-daily

最新推荐文章于 2022-12-15 22:37:53 发布

阅读量6.6k

点赞数

分类专栏： Java 文章标签： ajax xmlhttprequest function string callback stylesheet

本文链接：https://blog.csdn.net/hansonjan/article/details/4380261

版权

Java 专栏收录该内容

12 篇文章 1 订阅

订阅专栏

ajax技术的实现流程：

1.xmlHttp = new XMLHttpRequest(); //创建XMLHttpRequest对象。

2.xmlHttp.open("GET",url,true); //注册处理事件的url
3.xmlHttp.onreadystatechange = callback; //注册回传函数
4.xmlHttp.send(null); //发送请求

5.function callback(){                                   //在回调方法中进行请求状态码判断。
if(xmlHttp.readyState == 4){
  if(xmlHttp.status == 200){
    showResult();//回传处理                           //请求回应顺利，就执行回传处理。
  }
}
}

6.function showResult() { //读取请求得到的信息。进行分支处理。
var message = xmlHttp.responseXML.getElementsByTagName("message")[0];
var msg = message.firstChild.data;
if(msg=="0"){
 nameEnable = true;
 checkUserNameMsg.innerHTML = "用户名可以使用";
 return true;
}else if(msg=="1"){
 nameEnable = false;
 checkUserNameMsg.innerHTML = " 用户名已存在,请重新输入";

 return false;
}

}//end function

以下是一个完整的例子：

jsp页面。在用户名字段失去焦点时，进行ajax验证用户名

本实例使用的是Mysql 数据库。user_info数据表。

字段：

id int自增长，主键

user_name varchar(20) null

user_pwd varchar(16) null

使用Hibernate框架反向数据表为实体Bean

reg.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'reg.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page">  <mce:script type="text/javascript"></mce:script> </head> <body> <form name="regForm" action="" method="post"> <table> <tr> <td height="30" align="right" bgcolor="FFF3D3" class="font_black"> 用户名： </td> <td width="490" align="left" valign="middle" bgcolor="#F8F8F8"> <input type="text" name="userName" tabindex="2" οnblur="checkUserNameAction()" size="18" maxlength="20" /> * 您的用户名必须是唯一的 </td> </tr> <tr> <td height="30" align="right" bgcolor="FFF3D3" class="font_black"> 密码： </td> <td align="left" bgcolor="F8F8F8"> <input type="password" tabindex=3 onfocus = "gpm()" οnblur="upm()" name="password" size="20" maxlength="16"/> * 设置您的登陆密码4-16位 </td> </tr> </table> </form> </body> </html>

Servlet文件Check.java

package com.ajax1.servlets; import java.io.IOException; import java.util.List; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import com.ajax1.hbm.UserInfoDAO; /** * @author hanson * @created Jul 24, 2009 5:01:16 PM * @version V1.0.0 */ public class Check extends HttpServlet { /** * The doGet method of the servlet. * * This method is called when a form has its tag value method equals to get. * * @param request the request send by the client to the server * @param response the response send by the server to the client * @throws ServletException if an error occurred * @throws IOException if an error occurred */ public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { //Serverlet根据请求的参数，验证完成后，以xml格式写下验证信息。 //供JSP页面的XMLHttpRequest对象读取。 response.setContentType("text/xml"); response.setHeader("Cache-Control", "no-cache"); //取得前台参数。 String username=request.getParameter("name"); //参数解密 username = EscapeUnescape.unescape(username);//将字符串反编码，得到Unicode数据 UserInfoDAO dao = new UserInfoDAO(); //验证用户名 List list = dao.findByProperty("userName", username); //根据DB返回的结果,写下相应的XML信息。 if (list!=null&&list.size()>0){ response.getWriter().write("<message>1</message>"); }else{ response.getWriter().write("<message>0</message>"); } } }

URL解码类EscapeUnescape.java

/** * */ package com.ajax1.servlets; /** * @author hanson * @created Jul 24, 2009 5:12:50 PM * @version V1.0.0 */ public class EscapeUnescape { /** * 对字符串进行编码的,使之成为url格式的数据 * @param src 要编码的字符串 * @return 返回编码后的字符串 */ public static String escape(String src) { int i; char j; StringBuffer tmp = new StringBuffer(); tmp.ensureCapacity(src.length() * 6); for (i = 0; i < src.length(); i++) { j = src.charAt(i); if (Character.isDigit(j) || Character.isLowerCase(j) || Character.isUpperCase(j)) tmp.append(j); else if (j < 256) { tmp.append("%"); if (j < 16) tmp.append("0"); tmp.append(Integer.toString(j, 16)); } else { tmp.append("%u"); tmp.append(Integer.toString(j, 16)); } } return tmp.toString(); } /** * 对url格式的数据进行解码，使之成为可用的Unicode数据 * @param src 需要解码的字符串,通常是在jsp页面使用escape()方法进行编码得到 * @return 返回解码后的数据 */ public static String unescape(String src) { StringBuffer tmp = new StringBuffer(); tmp.ensureCapacity(src.length()); int lastPos = 0, pos = 0; char ch; while (lastPos < src.length()) { pos = src.indexOf("%", lastPos); if (pos == lastPos) { if (src.charAt(pos + 1) == 'u') { ch = (char) Integer.parseInt(src .substring(pos + 2, pos + 6), 16); tmp.append(ch); lastPos = pos + 6; } else { ch = (char) Integer.parseInt(src .substring(pos + 1, pos + 3), 16); tmp.append(ch); lastPos = pos + 3; } } else { if (pos == -1) { tmp.append(src.substring(lastPos)); lastPos = src.length(); } else { tmp.append(src.substring(lastPos, pos)); lastPos = pos; } } } return tmp.toString(); } }

coder-daily

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
Ajax实现注册用户名验证

ajax技术的实现流程： 1.xmlHttp = new XMLHttpRequest(); //创建XMLHttpRequest对象。 2.xmlHttp.open("GET",url,true); //注册处理事件的url3.xmlHttp.onreadystatechange = callback; //注册回传函数
复制链接

扫一扫

专栏目录