页面我们要做的是用jqeruy和ajax:
<script type="text/javascript"
src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script><script type="text/javascript">
$(function() {
var username = false;
var password = false;
$("#username").blur(function() {
$("#s").empty();
uname = $(this).val();
if ($(this).val() == null || $(this).val() == '') {
var span = $("<span id='s'>*用户名不能为空*</span>");
$(this).after(span);
username = false;
} else {
username = true;
}
});
$("#password").blur(function() {
$("#sd").empty();
upass = $(this).val();
if ($(this).val() == null || $(this).val() == '') {
var span = $("<span id='sd'>*用户密码不能为空*</span>");
$(this).after(span);
password = false;
} else {
password = true;
}
});
$("#tj").click(function() {
if (username && password) {
$.post("${pageContext.request.contextPath }/user/login", {
"username" : uname,
"password" : upass
}, function(d) {
if (d == "show") {
alert("成功");
location.href="${pageContext.request.contextPath }/user/findAll";
} else {
alert("失败");
}
}, "json");
} else {
alert("用户名或密码错误!");
}
});
});
</script>
</head>
<body>
<center>登录页面</center>
<form action=""
method="post">
username:<input type="text" name="username" id="username"><br />
password: <input type="text" name="password" id="password"><br />
<input type="button" value="登录" id="tj">
</form>
</body>
ssm控制类我们要判断用户名和密码:
//登录验证
@RequestMapping("login")
@ResponseBody//---用于返回json串
public String login(User user) {
User login = service.login(user.getUsername());
//判断登录时输入的用户名和密码是否能和数据库里的数据对应上
if(login!=null&&user.getPassword().equals(login.getPassword())){
return "show";
}
return null;
}
注意:配置文件里要配置json串