jQuery 简单实现ajax 登录功能

第一步导入jQuery

<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>

第二步 后端代码

注意要加 @ResponseBody 注解 不然前端 收不到data

@RequestMapping("/login")
    @ResponseBody
    public MessageResult login(@RequestParam("id") Integer id,
                        @RequestParam("password") String password,
                        HttpSession session,
                        Model model){

        Root root = rootService.login(id,password);

        if(root==null){
            return new MessageResult("id或密码错误",false);
        }else {
            session.setAttribute("root",root);
            return new MessageResult("登录成功",true);
        }
    }

第三步 前端页面