JSP登陆界面代码:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript">
//ajax传递参数JS代码段
function loginAjax(){
var uname=$("#uname").val();
var upass=$("#upass").val();
$.ajax({
type:"get",
//采用JSON对象传值
data:{"uname":uname,"upass":upass,"oper":"loginAjax"},
//传到servlet界面
url:"studentServlet.do",
async:true,
success:function(data){
if(data.trim()=="1")
{
location.href="studentServlet.do";
}else{
alert("登陆失败");
}
}
});
}
</script>
<body>
<div class="container-fluid">
<div class="row-fluid">
<div class="span12">
<form class="form-horizontal" action="studentServlet.do" method="post">
<div class="control-group">
<label class="control-label">帐号</label>
<div class="controls">
<input name="uname" id="uname" type="text" />
</div>
</div>
<div class="control-group">
<label class="control-label">密码</label>
<div class="controls">
<input name="upass" id="upass" type="password" />
</div>
</div>
<div class="control-group">
<div class="controls">
<button onclick="loginAjax()" type="button" class="btn btn-default btn-info">登录</button>
</div>
</div>
</form>
</div>
</div>
</div>
</body>
</html>
servlet相应ajax传值的相应代码片段:
if (oper.equals("loginAjax")) {
String uname = request.getParameter("uname");
String upass = request.getParameter("upass");
Student stu = new Student();
stu.setUname(uname);
stu.setUpass(upass);
//判断账号密码是否通过的相关方法,可以自行编写测试
boolean flag = studentService.login(stu);
if (flag) {
HttpSession session = request.getSession();
session.setMaxInactiveInterval(30);//页面刷新方法
//将数值传回ajax的代码中,来提示是否登录成功
out.println("1");
return;
} else {
out.print("0");
}
}