Struts1.2+Jquery+Hibernate+Mysql兑现登陆
日期：2014-05-16 浏览次数：20949 次
Struts1.2+Jquery+Hibernate+Mysql实现登陆
1,页面登陆代码:
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<html>
<head>
<title>jquery登陆</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
// username 获取光标 $("#username").focus();
});
function checkForm(){
var name = $("#username").val();
if(name.length<=0){
$("#msgName").html("the username is null!");
return false;
}else{
$("#msgName").html("");
}
var pass = $(".password").val();
if(pass.length<=0){
$("#msgPass").html("the password is null!");
return false;
}else{
$("#msgPass").html("");
}
// 提交到后台进行验证
$.ajax({ type: "POST",// 指定是post还是get,当然此处要提交,当然就要用post了
cache: "false",//默认: true,dataType为script时默认为false) jQuery 1.2 新功能，设置为 false 将不会从浏览器缓存中加载请求信息。
url: "login.do?method=login",//发送请求的地址。
data: "username=" + name + "&password=" + pass ,//发送到服务器的数据
dataType: "text",//返回纯文本字符串 timeout:20000,// 设置请求超时时间（毫秒）。
error: function () {//请求失败时调用函数。
$("#msg").html("请求失败!"); }, success://请求成功后回调函数。
function(message) {
$("#msg").html(message);
}
}); return false;
}
</script>
</head>
<body>
<form action="" method="post" onSubmit="return checkForm()">
<table width="388" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">
<span id="msg" style="color: red"></span>
</td>
</tr>
<tr>
<td width="92">
用户名:
</td>
<td width="280">
<input type="text" name="username" id="username">
<span id="msgName" style="color: red"></span>
</td>
</tr>
<tr>
<td>
密码:
</td>
<td>
<input type="password" name="password" id="password"
class="password">
<span id="msgPass" style="color: red"></span>
</td>
</tr>
<tr>
<td colspan="2">
<input type="submit" name="button" value="submit">
</td>
</tr>
</table>
</form>
</body>
</html>
?
??? 后台的Action,dao见附件!!
?
??? 没用过Jquery,写一个例子,就当做练习了!!
?
?? aa00aa00
?
???? lib包我没有上传,工程为12m,有限制,大家可以用Myeclipse6.5直接加载Struts1.2和Hibernate3.2框架,在把包文件拷贝过来就行了!!
??
留个地址:http://www.jquery001.com/article/jquery/20100927/jquery-ajax.html
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
