Ajax SpringMvc 实现登录请求

发布时间：2020-12-16 01:33:27 所属栏目：百科来源：网络整理

导读：%@ page language="java" contentType="text/html; charset=utf-8"pageEncoding="utf-8"%!DOCTYPE htmlhtml lang="zh"headmeta name="viewport" content="width=device-width,initial-scale=1.0" /meta http-equiv="Content-Type" content="text/html; chars

<%@ 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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!