ajax 验证用户登录
2012-09-27 10:12
337 查看
UserDao 类 代码
public boolean validateLogin(String uname,String upassword){
boolean result = false;
String sql = "select * from tb_user where u_name=? and u_password=?";
try{
super.getConnection();
pstm = con.prepareStatement(sql);
pstm.setString(1, uname);
pstm.setString(2, upassword);
rs = pstm.executeQuery();
if(rs.next()){
result = true;
}
}catch (Exception e) {
System.out.println("------validateLogin() was error!!!--------");
}
return result;
}
index.jsp 代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>ajax验证用户登录</title>
<script type="text/javascript">
function validateLogin(){
var uname=$.trim($("#uname").val());
var pwd=$("#upassword").val();
if(!uname){
alert("用户名不能为空！");
return null;
}
if(!pwd){
alert("密码不得为空！");
return null;
}
$.ajax({
url:'loginServlet',
type:'POST',
data:$('#loginForm').serialize(),
dataType:'json',
success:function(data){
if(data.success==false){
alert(data.msg);
return;
}
location.href='success.jsp';
}
});
}
</script>
</head>
<body>
<form action="loginServlet" id="loginForm" method="post">
<table border="0" width="180" cellpadding="0" cellspacing="0">
<tr>
<td>用户名：</td>
<td><input type="text" id="uname" name="uname"/></td>
</tr>
<tr>
<td>密 码：</td>
<td><input type="password" id="upassword" name="upassword"/></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value="submit" onclick="validateLogin()"/>
</td>
</tr>
</table>
</form>
</body>
</html>
LoginServlet 代码
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html");
request.setCharacterEncoding("utf-8");
String uname = request.getParameter("uname");
String upassword = request.getParameter("upassword");
UserDao userDao = new UserDao();
boolean result = userDao.validateLogin(uname, upassword);
if(!result){
JSONKit.outJSONInfo("{success:false,msg:'用户名或密码错误！'}", response);
}else{
request.getSession().setAttribute("user", uname);
JSONKit.outJSONInfo("{success:true,msg:'可以登录！'}", response);
}
}
如果需要 可以到 下载完整的代码
http://download.csdn.net/detail/zhu_nana/4601903
public boolean validateLogin(String uname,String upassword){
boolean result = false;
String sql = "select * from tb_user where u_name=? and u_password=?";
try{
super.getConnection();
pstm = con.prepareStatement(sql);
pstm.setString(1, uname);
pstm.setString(2, upassword);
rs = pstm.executeQuery();
if(rs.next()){
result = true;
}
}catch (Exception e) {
System.out.println("------validateLogin() was error!!!--------");
}
return result;
}
index.jsp 代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>ajax验证用户登录</title>
<script type="text/javascript">
function validateLogin(){
var uname=$.trim($("#uname").val());
var pwd=$("#upassword").val();
if(!uname){
alert("用户名不能为空！");
return null;
}
if(!pwd){
alert("密码不得为空！");
return null;
}
$.ajax({
url:'loginServlet',
type:'POST',
data:$('#loginForm').serialize(),
dataType:'json',
success:function(data){
if(data.success==false){
alert(data.msg);
return;
}
location.href='success.jsp';
}
});
}
</script>
</head>
<body>
<form action="loginServlet" id="loginForm" method="post">
<table border="0" width="180" cellpadding="0" cellspacing="0">
<tr>
<td>用户名：</td>
<td><input type="text" id="uname" name="uname"/></td>
</tr>
<tr>
<td>密 码：</td>
<td><input type="password" id="upassword" name="upassword"/></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value="submit" onclick="validateLogin()"/>
</td>
</tr>
</table>
</form>
</body>
</html>
LoginServlet 代码
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html");
request.setCharacterEncoding("utf-8");
String uname = request.getParameter("uname");
String upassword = request.getParameter("upassword");
UserDao userDao = new UserDao();
boolean result = userDao.validateLogin(uname, upassword);
if(!result){
JSONKit.outJSONInfo("{success:false,msg:'用户名或密码错误！'}", response);
}else{
request.getSession().setAttribute("user", uname);
JSONKit.outJSONInfo("{success:true,msg:'可以登录！'}", response);
}
}
如果需要 可以到 下载完整的代码
http://download.csdn.net/detail/zhu_nana/4601903
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- PHP+Ajax验证码验证用户登录
- 通过配置http拦截器，来进行ajax请求验证用户登录的页面跳转
- 利用ajax实现登录：验证完用户信息后如何保存用户信息并实现跳转
- jQuery.ajax 用户登录验证代码
- Django框架下使用ajax模拟用户登录验证
- 一个很好的ajax入门小实例，用户登录验证
- ajax简单的后台用户登录验证
- jQuery.ajax 用户登录验证代码
- SSM框架---二手教材交易系统之用户登录（包括表单提前验证,ajax）
- Ajax一个简单入门程序（用户登录验证）
- Ajax 用户登录验证
- ajax和js验证用户登录
- 使用AjaxPro框架实现无刷新用户登录验证【原创】
- AJAX 实现用户登录验证
- 用户登录验证Ajax实例详解
- 03-22 Ajax验证用户登录
- 使用Ajax异步刷新实现登录用户验证
- 使用AjaxPro框架实现无刷新用户登录验证【原创】
- Ajax实现用户登录验证--原生JavaScript使用POST方法
- PHP+Ajax验证码验证用户登录