AJAX模拟登录注册

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/qq_39566715/article/details/102779471

登录 

function login(){
    var username=$('#username').val();
    var password=$('#password').val();
        $.ajax({
            type: "post",
            url: "/login",
            data :JSON.stringify({username:username,password:password}),
            contentType : "application/json;charset=UTF-8",
            dataType: "json",
            success : function(data){
                if(username==data.username&&password==data.password){
                    alert("登录成功！");
                    window.location.href = "/success";
                }else {
                    alert("账号和密码不正确，重新输入");
                }
            }
        })
}

@PostMapping("/login")
@ResponseBody
public User  login(User user, Model model){
    user.setUsername("zhangsan");
    user.setPassword("123456");
   model.addAttribute("user",user);
    return user;
}

注册

unction Register(){
    var username=$('#username').val();
    var password=$('#password').val();
    var password1=$('#psw1').val();
    if(password!=password1){
        alert("两次密码不一致！")
    }else{
        var username=$('#username').val();
        var password=$('#password').val();
        $.ajax({
            type: "post",
            url: "/register",
            data :JSON.stringify({username:username,password:password}),
            contentType : "application/json;charset=UTF-8",
            dataType: "json",
            success : function(data){
                if(data.username!=null&&data.password!=null){
                    alert("用户"+data.username+"注册成功！");
                    window.location.href = "/"; //跳转到登录界面
                }else {
                    alert("注册失败");
                }
            }
        })
    }
}

 @RequestMapping(value = "/register")
    @ResponseBody
    public User register(@RequestBody User user , Model model)  {
        model.addAttribute("user",user);
        System.out.println("模拟用户注册：账号"+user.getUsername()+"密码 ："+user.getPassword());
        return user;
    }
}