ajax 异步登录用户验证-CSDN博客

本文链接：https://blog.csdn.net/qq_42612338/article/details/108756498

为了简便业务就直接将用户名写死了

如需ssm整合请看里 ssm简便整合

在controller中新建UserController类

package com.hu.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

@Controller
public class UserController {

    @ResponseBody
    @RequestMapping("/checkUsername")
    public String login(String username){

        if("huwei".equals(username)){
            return "true";
        }else{

            return "false";
        }

    }

}

index.jsp

<%--
  Created by IntelliJ IDEA.
  User: huwei
  Date: 2020/9/23
  Time: 12:46
  To change this template use File | Settings | File Templates.
--%>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<%--    <meta http-equiv="Content-Type" content="text/html; charset=GBK"/>--%>

    <title>Title</title>
</head>


<script src="webjars/jquery/3.3.1-2/jquery.js"></script>
<script>

    $(function () {
        $("#username").blur(function () {
            $.post("http://localhost:8080/checkUsername", {"username": $(this).val()}, function (data) {
                if (data == "true") {
                    $("span").html("   √").css("color", "green")
                } else {
                    $("span").html("  ×").css("color","red")
                }
            })
        })
    })


</script>
<body>

username:<input type="text" name="username" id="username"><span id="msg"></span>
</body>
</html>