• (1)实现用户名的唯一性校验

所需要准备的：

  1. Servlet
  2. 注册界面的JSP
  3. 接口和实现类

所需要的接口和实现类：

接口： 

/*

    *  用户注册

    *  账号的唯一性校验，需要传参（username）

    * */

    boolean Username(String username);
实现类：

 @Override

    public boolean Username(String username) {

        String sql = "select * from user where username = ?";

        List<Map<String, Object>> list = DBUtil.excuteQuery(sql, username);

        return list.size()>0;

    }

所需要的注册的JSP界面：

    <body>

        <div class="wrap">

            <div class="guimeilogo"></div>

            <div class="register">

                <div class="top">

                    <h1>新用户注册</h1>

                    <a href="/shop/views/login.jsp">已有账号</a>

                </div>

                <div class="mid">

                    <form action="/shop/register" method="post">

                        <input type="text" name="username" id="username" placeholder="亲，您的昵称" required="required" />

                        <div id="showMessage"></div>

                        <input type="password" name="password" id="password" placeholder="密码" required="required" />

                        <input type="text" name="email" id="email" placeholder="邮箱" required="required" />

                        <input type="text" name="telephone" id="telephone" placeholder="手机号" required="required"/>

                        <div class="sec">

                            <input type="text" name="code" id="code" placeholder="验证码" required="required" />

                            <a  class="send" onclick="send()"> 发送验证码 </a>

                            <script>

                                function send(){

                                    return false;

                                }

                            </script>

                        </div>

                        <input type="submit" id="submit" value="注册"/>

                    </form>

                </div>

            </div>

        </div>

        <script src="js/jquery-2.1.0.js"></script>

        <script>

            username.onblur = function () {
　　　　　　　　　　<--/工程名/Servlet映射路径-->

                $.post("/shop/chexkusername" ,{username:this.value }, function (date) {

                    if ( date.code == "10010" ){

                        $("#showMessage").html("对不起，此用户名已经被使用").css("color","red");

                    } else{

                        $("#showMessage").html("该用户名可以使用").css("color","blue")

                    }

                });

            }

        </script>

    </body>

</html>

个人理解：

　　　　获取Username-使用Post提交-使用if、else判断-如果说状态码等于10010则意味着用户名相重，则提示用户名已经被使用。

　　　　　　　　　　　　　　　　　　　　　　　　 反之，如果不等于10010则意味着用户名可以使用。

所需要的Servlet：

@WebServlet("/chexkusername")

public class ChexkUsernameServlet extends HttpServlet {
　　
　　/*
　　*  注册时用户名的唯一性校验。
　　*
　　*  因为是判断用户名是否重复，则需要传递参数（user表里的username）
　　*  如果说重复则需要提示用户让用户进行更改。反之则提示用户可以使用。
　　*
　　*  所以首先，我们在Servlet中需要干的第一件事就是获取请求参数username
　　*  第二步就是调用DAO层检验用户名是否唯一。
　　*  第三步需要设置编码格式，因为是使用post请求，在浏览器中会出现乱码的现象，所以我们要设置一下编码格式。
　　*  第四步我们需要将检验结果返回给浏览器。
　　*  然后进行是否被使用的判断，还有可用和不可用的代码块和语句的提示。
　　*
　　*  在最后一步将Map转为JSON，因为使用JSON可以更方便的获取到值，而不用再使用共享参数、请求转发等操作。
　　* */
    @Override

    protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

        // 1、接收请求参数。

        String username = req.getParameter("username");

        // 2、调用DAO 检验用户名是否唯一。

        IUserDAO dao = new UserDAOImpl();

        boolean username1 = dao.Username(username);

        // 3、设置编码格式。

        resp.setContentType("text/json;charset=UTF-8");

        // 4、将检验结果返回给浏览器（响应Ajax请求）

        PrintWriter writer = resp.getWriter();

        Map<Object, Object> Map = new HashMap<>();

        //如果输入的用户名和数据库表内的一致则提示用户名已经被使用

        if (username1){

            //code、message为状态码

            Map.put("code","10010");

            Map.put("message","用户名已经被使用");

        //否则则是不一致则提示登录成功。

        } else{

            Map.put("code","10086");

            Map.put("message","恭喜，用户名可用");

        }

        //转为JSOn

        String s = JSON.toJSONString(Map);

        writer.write(s);

        writer.close();

    }

}

个人理解：

　　　　用户点击注册界面，在用户名一栏输入用户名，当鼠标的光标离开输入框时，就去检验用户的用户名是否有重复。

　　　　这样可以节省资源，避免用户资源的浪费，因为以前所使用的方法，是在用户点击注册之后才去进行用户名的唯

　　　　一性校验，如果错误，则需要返回一个新的界面并且提示用户名重复，即占用了又浪费了用户流量。

　　　　所以选择AJAX——>AJAX，允许被浏览器和服务器通信而无需刷新当前页面的技术都被叫做AJAX。

使用AJAX实现用户名的唯一性校验（注册界面）-JAVA（新手）的更多相关文章

  1. Django ajax 检测用户名是否已被注册

    添加一个 register.html 页面 <!DOCTYPE html> <html lang="en"> <head> <meta c ...

  2. 案例1.用Ajax实现用户名的校验

    用Ajax实现用户名的校验 java的验证类 public class UserDao { public boolean checkUserName(String name) { //这里的name是 ...

  3. SSH网上商城---使用ajax完成用户名是否存在异步校验

    小伙伴在上网的时候,需要下载或者观看某些视频资料,更或者是在逛淘宝的时候,我们都需要注册一个用户,当我们填写好各种信息,点击确定的时候,提示用户名已经存在,小编就想,为什么当我们填写完用户名的时候,她 ...

  4. 基于jQuery实现的Ajax 验证用户名唯一性

    基于jQuery实现的Ajax 验证用户名唯一性 前端jsp页面代码 <tr> <th><span class="requiredField"> ...

  5. ssh整合问题总结--使用struts2+Ajax+jquery验证用户名是否已被注册

    在用户模块中的用户注册需求上,通常要进行用户名是否已被注册的验证,今天正好写了这个需求,把详细代码和所遇到的问题贴过来.在使用struts2+ajax时候,通常我们会返回json类型的数据,但是像上面 ...

  6. 利用jQuery和Ajax实现检测用户名是否已经被注册

    这是一个jQuery和Ajax的很基础的应用,是我出去面试时的一个面试题.当时脑子有点懵想了好久才知道该怎么去实现,现在回来再看了下书好好总结一下这个东西. 首先新建一个html文件,只有简单的几行代 ...

  7. Ajax检测用户名是否已经注册

    程序功能 当用户名输入完成(即用户名输入框失去焦点),利用Ajax检测用户名是否已经注册! 实现过程 利用Ajax向CheckUserServlet发送请求,判断该用户名是否可用.这里只是为了演示Aj ...

  8. Ajax验证用户名是否被注册

    Ajax验证用户名是否被注册 var xmlHttp; function createXMLHttpRequest(){ // 创建XMLHttp请求对象 if(window.ActiveXObjec ...

  9. JS判定注册表单的几个方式 及 Ajax进行用户名存在判定

    最近感觉不赶紧把代码逻辑记一下梳理一下,再做的时候就容易进入"逻辑误区". 有个表单,简单点. <!DOCTYPE html> <!-- 注册表单验证,用户名格式 ...

随机推荐

  1. SpringMVC学习笔记七:SpringMVC的数据验证

    SpringMVC支持JSR(Java Specification Requests, Java规范提案)303-Bean Validation数据验证规范,该规范的实现者很多,其中较常用的是 Hib ...

  2. 吴裕雄--天生自然 R语言开发学习：功效分析（续一）

    #----------------------------------------# # R in Action (2nd ed): Chapter 10 # # Power analysis # # ...

  3. “代码量统计脚本”

    概述 本文从一段统计C/C++程序脚本入手,记录shell脚本常用和重要的知识点. 代码量统计程序 文件名称,count_code_line.sh 12345678910111213141516171 ...

  4. BeWhatever

    Hadoop Distributed File System:分布式文件系统. HDFS基于流数据模式访问和处理超大文件需求开发,具有高容错性,高可靠性,高可扩展性,多部署在低成本的硬件上.HDFS提 ...

  5. RocketMQ集群平滑下线或重启某个节点

    1.现状描述 集群其中一台物理机未知原因导致单用户无法登陆机器,该物理机需要重启修改密码或者重装系统.该台为master节点,运行正常.配置策略为: 异步刷盘 主从异步复制 如果直接下线该master ...

  6. 【系统篇】Archlinux系统安装

    本教程为最新安装Linux的教程,想看更详细可以到我B站主页看视频教程 ArchLinux安装配置手册[系统篇] 本教程参考自 https://wiki.archlinux.org/index.php ...

  7. bp(net core)+easyui+efcore实现仓储管理系统——入库管理之二(三十八)

    abp(net core)+easyui+efcore实现仓储管理系统目录 abp(net core)+easyui+efcore实现仓储管理系统——ABP总体介绍(一) abp(net core)+ ...

  8. Android中使用AsyncTask

    >##今天写作业用到了AnsyncTask,记录一下自己的使用情况 >###1.Android.os.AsyncTask类 >  1.AsyncTask类对线程间通讯进行了包装,我们 ...

  9. Python——3条件判断和循环

    */ * Copyright (c) 2016,烟台大学计算机与控制工程学院 * All rights reserved. * 文件名:text.cpp * 作者:常轩 * 微信公众号:Worldhe ...

  10. LeetCode 题解 | 237. 删除链表中的节点

    题目描述: 请编写一个函数,使其可以删除某个链表中给定的(非末尾)节点,你将只被给定要求被删除的节点. 现有一个链表 -- head = [4,5,1,9],它可以表示为: 示例 1: 输入: hea ...