前端Ajax 慕课网


---

---

---

---

---

<script>
    function login() {
        $("#loginForm").validate({
            submitHandler: function (form) {
                doLogin();
            }
        })
    }

    function doLogin() {
        $.ajax({
            url: "/login/do_login",
            type: "POST",
            data: {
                mobile: $("#mobile").val(),
                password: $("#password").val()
            },
            success: function (data) {
                layer.closeAll();
                if (data.code == 0) {
                    layer.msg("成功");
                    //跳转到后端
                    window.location.href = "/goods/to_list";
                } else {
                    layer.msg(data.msg);
                }
            }
            ,
            error: function () {
                layer.closeAll();
            }
        })
        ;
    }

<div class="row" style="margin-top:40px;">
        <div class="col-md-6">
            <button class="btn btn-primary btn-block" type="reset" onclick="reset()">重置</button>
        </div>
        <div class="col-md-6">
            <button class="btn btn-primary btn-block" type="submit" onclick="login()">登录</button>
        </div>

@RequestMapping("/do_login")
  @ResponseBody
  public Result<String> dotoLogin(HttpServletResponse response, @Valid LoginVo loginVo) {
      log.info("loginVO", loginVo.toString());
      //登录
      String token = miaoshauserService.login(response, loginVo);
      return ResultVoUtils.success(token);
  }