卡宾商城之注册页面使用Ajax技术验证用户名是否存在可用，鼠标失去焦点即判断

最新推荐文章于 2022-03-20 21:42:28 发布

程序彤

最新推荐文章于 2022-03-20 21:42:28 发布

阅读量284

点赞数

分类专栏：商城项目 Servlet 文章标签： ajax js javascript

本文链接：https://blog.csdn.net/m0_47119598/article/details/110452304

版权

Servlet 同时被 2 个专栏收录

19 篇文章 1 订阅

订阅专栏

商城项目

17 篇文章 0 订阅

订阅专栏

$(function () {
            $("#username").blur(function () {
                // 获取用户名
                var username = this.value;
                $.getJSON("http://localhost:8080/userServlet","action=ajaxExistsUsername&username="+username,function (data) {
                    console.log(data);
                    if (data.existsUsername){
                        $("span.errorMsg").text("ajax技术表明用户名已存在")
                    }else {
                        $("span.errorMsg").text("ajax表明用户名可用")
                    }
                })
            });

<span class="errorMsg">
                            ${requestScope.msg==null?"":requestScope.msg}
                        </span>

在UserServlet中

public void ajaxExistsUsername(HttpServletRequest req, HttpServletResponse resp) throws IOException {
        String username = req.getParameter("username");
        boolean existsUsername = userService.existsUsername(username);
        Map<String,Object> resultMap = new HashMap<>();
        resultMap.put("existsUsername",existsUsername);
        Gson gson = new Gson();
        String json = gson.toJson(resultMap);
        resp.getWriter().write(json);
    }