zoukankan      html  css  js  c++  java
  • AJAX模拟登录注册

    登录 

    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;
        }
    }
    
    不经一番彻骨寒,哪有梅花扑鼻香?
  • 相关阅读:
    TCP全局同步
    pytest框架之fixture详细使用
    库操作和表操作
    封装之如何隐藏对象及封装的意义
    类的抽象
    组合
    在子类中重用父类的方法和属性
    类的继承和实现原理
    类的使用,对象的使用
    互联网协议的五层协议详解
  • 原文地址:https://www.cnblogs.com/zongyao/p/13831146.html
Copyright © 2011-2022 走看看