Ajax SpringMvc 实现登录请求

来源：互联网发布：在线课堂软件编辑：程序博客网时间：2024/06/08 01:19
<%@ page language="java" contentType="text/html; charset=utf-8"pageEncoding="utf-8"%><!DOCTYPE html><html lang="zh"><head><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>登录</title></head><body><div class="content"><div class="headpic"><img src="${pageContext.request.contextPath}/assets/images/template1/body.png" /></div><form><div class="form-group"><input type="text" class="form-control" placeholder="用户名" id="account"></div><div class="form-group"><input type="password" class="form-control"  placeholder="密码" id="password"></div><div type="submit" class="btn btn-info" onclick="login()">登录</div><br/><br/><p id="message"></p></form></div></body><script type="text/javascript">function login(){  var account = $("#account").val();var pwd =$("#password").val();var prts =  document.getElementById("message");if(account==""||account==null){prts.style.color="red";prts.innerHTML = "账号不能为空";return;}if(pwd==""||pwd==null){prts.style.color="red";prts.innerHTML = "密码不能为空";return;}$.ajax({type:"get",url:"${pageContext.request.contextPath}/platform/account/login?account="+account+"&password="+pwd,dataType:"json",  error:function(data){alert("请求失败，网络异常")console.log(data);},success:function(data){var code = data.status;if(code == 200){prts.style.color="green";prts.innerHTML = "登录成功"; window.location.href = "${pageContext.request.contextPath}/platform/home.jsp";}else{prts.style.color="red";prts.innerHTML = "用户名或者密码错误";}}});}  </script></html>
1 1