今天使用了配合struts2使用了jquery.ajax来实现用户登录功能,jquery他封装了ajax使ajax的使用变得更加的容易,我在使用jquery是用的它的json数据格式来接受的数据;这里把代码贴上来供大家看看:
实现功能:用户输入用户名和密码实现无刷新登录,使用struts2和jquery.ajax,
网页代码:
<form action="" name="logform" id="logform">
<div class="wline">用户名:<input type="text" name="logUsername" id="logUsername" value="" style="width:120px;"/></div>
<div class="wline">密 码:<input type="text" name="userPassword" id="userPassword" value="" style="width:120px;"/></div>
<div class="wline">验证码:
<input type="text" id="checkCode" name="checkCode" class="required input" title="请填写验证码"/>
</div>
<div class="wline">
<input type="button" name="" value="登录" onclick="ajaxlogin();" style="width:50px; height:25px; "/>
<input type="button" name="" value="返回" style="width:50px; height:25px; "/>
<a href="#">注册</a>
<a href="#">忘记密码?</a>
</div>
</form>
在这里我只对用户名和密码做了验证;
js代码:
function ajaxlogin(){
var params=$('#logform').serialize(); //这里直接就序列化了表单里面的值;很方便
$.ajax({
url :'${base}/hzwjj/licharge/login/Com_userLogin.do', //后台处理程序
type:'post', //数据发送方式
dataType:'json', //接受数据格式
data:params, //要传递的数据;就是上面序列化的值
success:login_Result //回传函数(这里是函数名)
});
}
function login_Result(json){ //回传函数实体,参数为XMLhttpRequest.responseText
if(json.logeResult){
alert("this is 1");
}else{
alert("this is 2");
}
}
java代码:
public String userLogin(){
LicensingUser user=userMng.findByName(logUsername.trim());
if(user!=null){
if(this.logUsername.equals(user.getLogUsername() ) ){
Md5PwdEncoder m = new Md5PwdEncoder();//Md5验证
String pass=m.encodePassword(userPassword);
if(pass.equals(user.getPassword())){
contextPvd.setSessionAttr("licensingUser",user);
user.setLogCount(user.getLogCount()+1);
user.setLogTime(new Date());
userMng.update(user);
jsonRoot.put("logeResult",true);
return "logErro";
}
}
}
jsonRoot.put("logeResult",false);
return "logErro";
}
在action里面需要一个map:
private Map<String, Object> jsonRoot = new HashMap<String, Object>();
public Map<String, Object> getJsonRoot() {
return jsonRoot;
}
public void setJsonRoot(Map<String, Object> jsonRoot) {
this.jsonRoot = jsonRoot;
}
另外特别要注意:
在struts2的配置文件中一定要配置:
<result name="logErro" type="json"> **.jsp </result>
这里一定要把type="json";要不然页面上回传函数那里接受不到数据
分享到:
相关推荐
Struts2.0+jquery.progressbar实现上传文件进度条 附带实例源码 uploadJqueryProgress.jsp uploadprogress.jsp 两个上传页面,两种不一样风格的进度条。uploadJqueryProgress.jsp 是在 uploadprogress.jsp 的基础...
Struts2+jquery.validate框架实现用户名是否存在
Struts2整合jQuery实现Ajax功能 和大多数喜欢用PHP做jQuery.ajax()后台不一样,我偏偏 喜欢 Java Struts2 Action。 欢迎您的下载完善。一同进步。
struts2.json.jquery简单实例
struts2+jquery.uploadify实现上传下载
Struts2 整合jQuery实现Ajax功能 很多人用PHP做后台与jQuery.ajax()交互,而我偏偏喜欢Struts 2 Action. 希望大家想我一样在上面“添砖加瓦”不断完善, 一同进步。
(五)struts2- 2.3.15.3 spring3.2.4 mybatis-3.2.3 jquery.validationEngine表单验证
MVC Struts2框架搭建,Jquery Ajax异步数据交互,内涵需要的jar包及ppt讲解
struts2+jquery+ajax实现了文件的异步上传,的MyEclipse编写的简单项目
struts2使用jquery整合ajax、json用户登录实例源码
struts2 + jquery +ajax 登录验证
ibatis +spring+struts2+jquery.autocomplete实现产品自动补全功能(二) 附带源码
struts2+jquery+ajax实现验证功能
struts2+jquery实现文件的上传
Java中:struts2+jQuery+ajax调用(引用) 代码,解析,源码,demo,实例,分析
Struts2+Hibernate+Spring+jQuery 联合使用
struts2+json+jquery实现ajax数据的存取