ajax---简单验证用户登录

实体类

@Data
@AllArgsConstructor
@NoArgsConstructor
public class User {
    private String name;
    private int age;
    private String sex;
}

controller

    @RequestMapping("/a3")
    public String a3(String name,String pwd){
        String msg = "";
       if(name != null){
           if ("admin".equals(name)){
               msg="ok";
           }else {
               msg="用户名输入有误";
           }
       }
      if(pwd!=null){
          if ("123456".equals(pwd)){
              msg="ok";
          }else {
              msg="密码输入有误";
          }
      }
        return msg;
    }

js

<%@ page contentType="text/html;charset=UTF-8" language="java" %>



    
    <script src="${pageContext.request.contextPath}/static/js/jquery.min.js"></script>
    <script>
            function a1() {
                $.post({
                    url:"${pageContext.request.contextPath}/a3",
                    //把数据传回后台
                    data:{"name":$("#name").val()},
                    success:function (data) {
                      if (data.toString() ==='ok'){
                          $("#userInFo").css("color","green");
                      }else {
                          $("#userInFo").css("color","red");
                      }
                          $("#userInFo").html(data);


                    }
                })
            }
            function a2() {
                $.post({
                    url:"${pageContext.request.contextPath}/a3",
                    data:{"pwd":$("#pwd").val()},
                    success:function (data) {
                        if (data.toString() ==='ok'){
                            $("#pwdInFo").css("color","green");
                        }else {
                            $("#pwdInFo").css("color","red");
                        }
                        $("#pwdInFo").html(data);
                    }
                })
            }
    </script>





    用户名：
    


    密 码：