AJAX实现注册验证用户名

 更新时间:2021年03月07日 10:18:59   作者:朱怀昌  
这篇文章主要为大家详细介绍了AJAX实现注册验证用户名,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了AJAX实现注册验证用户名的具体代码,供大家参考,具体内容如下

功能说明

当用户在注册页面输入用户名并且鼠标焦点离开输入框时,到数据表中去验证该用户名是否已经存在,如果存在提示不可用,否则,提示可用

接口

public interface UserDao {
 public User findName(String name);
}

接口实现类

import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;

public class UserDaoImpl implements UserDao {

 @Override
 public User findName(String name) {
  User user =null;
  Connection conn = DBHelper.getConn();
  String sql = "select * from user where name=?";
  try {
   PreparedStatement ps = conn.prepareStatement(sql);
   ps.setString(1,name);
   ResultSet rs = ps.executeQuery();
   if (rs.next()){
    user = new User();
    user.setId(rs.getInt(1));
    user.setName(rs.getString(2));
    user.setPassword(rs.getString(3));
   }
  } catch (SQLException e) {
   e.printStackTrace();
  }
  return user;
 }
}

servlet

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@WebServlet("/findName")
public class FindNameServlet extends HttpServlet {
 protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  request.setCharacterEncoding("utf-8");
  response.setContentType("text/html;charset=utf-8");
  String name = request.getParameter("name");
  UserDao userDao = new UserDaoImpl();
  User name1 = userDao.findName(name);
  if (name1!=null){
   response.getWriter().write("1");
  }else {
   response.getWriter().write("2");
  }
 }

 protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  this.doPost(request, response);
 }
}

JSP页面

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
 <head>
 <title>AJAX实际操作注册验证用户名</title>
 <script src="js/jquery-1.8.3.js"></script>
 </head>
 <body>
 <form action="#" method="post">
 <script type="text/javascript">
  $(function () {
   $("[name=userName]").blur(function () {
    $.ajax({
     type:"get",
     url:"findName?name="+$("[name=userName]").val(),
     dataType:"text",
     success:function (data) {
      //alert(data);
      if (data=="1"){
       $("#show").html("用户已存在!!!")
      }else {
       $("#show").html("用户名可用")
      }
     }
    })
   })
  });
 </script>
 账号<input type="text" name="userName"><span id="show"></span></br>
 密码<input type="password" name="password"></br>
 <input type="submit" value="提交">
 </form>
 </body>
</html>

数据库如下:

运行结果如下:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Ajax全局加载框(Loading效果)的配置

    Ajax全局加载框(Loading效果)的配置

    这篇文章主要介绍了Ajax全局加载框(Loading效果)的配置的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-07-07
  • Ajax实现城市二级联动(二)

    Ajax实现城市二级联动(二)

    这篇文章主要为大家详细介绍了Ajax实现城市二级联动的相关资料,将省份用ajax请求并渲染,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • 多ajax请求的各类解决方案(同步, 队列, cancel请求)

    多ajax请求的各类解决方案(同步, 队列, cancel请求)

    ajax带来很好的用户体验,于是一个稍微注重web系统使用ajax基本成为必然。当传统功能型web项目向用户体验型项目转变时,层出不穷的需求就来了。正如本篇所介绍的就是一个多个AJAX请求的情况下,如何利用jquery来处理几种case
    2012-03-03
  • Ajax开始准备篇

    Ajax开始准备篇

    我很开心您来阅读我写的关于ajax的实例教程,无论您是第一次还是老朋友.我将在这里献上我至今所学,并毫不吝啬。
    2010-08-08
  • Ajax跨域访问Cookie丢失问题的解决方法

    Ajax跨域访问Cookie丢失问题的解决方法

    这篇文章主要介绍了Ajax跨域访问Cookie丢失问题的解决方法,需要的朋友可以参考下
    2017-02-02
  • 如何解决ajax在google chrome浏览器上失效

    如何解决ajax在google chrome浏览器上失效

    今天闲着没事做个一个ajax小练习,困扰了我很长时间,我写的ajax代码在ie、360、火狐浏览器上运行都是正常的,而在google chrome下无法正常运行,搞的我焦头烂额,最终找到解决办法,在此分享给大家,帮助那些遇到和我一样问题的朋友
    2015-10-10
  • Ajax与JSON的一些学习总结

    Ajax与JSON的一些学习总结

    Ajax技术的核心是XMLHttpRequest对象(简称XHR),可以通过使用XHR对象获取到服务器的数据,然后再通过DOM将数据插入到页面中呈现。虽然名字中包含XML,但Ajax通讯与数据格式无关,所以我们的数据格式可以是XML或JSON等格式
    2012-08-08
  • Ajax邮箱、用户名唯一性验证实例代码

    Ajax邮箱、用户名唯一性验证实例代码

    这篇文章主要介绍了Ajax邮箱、用户名唯一性验证实例代码,需要的朋友可以参考下
    2017-10-10
  • Ajax二级联动菜单实现原理及代码

    Ajax二级联动菜单实现原理及代码

    二级联动菜单,一个多么方便且实用的用户交互功能,有需求的朋友可以参考下本文,或许对你的菜单知识深入学习有帮助,好了,闲话不多说,看代码吧
    2013-01-01
  • ajax异步读取后台传递回的下拉选项的值方法

    ajax异步读取后台传递回的下拉选项的值方法

    今天小编就为大家分享一篇ajax异步读取后台传递回的下拉选项的值方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08

最新评论