struts2,jquery,ajax实现无刷新登录

1. action：

/**
* 会员登录
*/
public String login() {
   try {
    Object object = memberinfoManager.validate(memberinfoPO);
    if (object == null) {
     message = "failure";
    } else {
     memberinfoPO = (MemberinfoPO) object;
     Map<String, Object> session = ServletActionContext.getContext()
       .getSession();
     session.put("memberinfoPO", memberinfoPO);

     // 登录成功以后显示信息
     String s = "";
     if (memberinfoPO.getSex().equals("男")) {
      s = "先生";
     } else {
      s = "女士";
     }
     message = memberinfoPO.getUsername()
       + s + "&nbsp;"
       + "欢迎您登录&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;<a href='#'>进入会员中心</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href='javascript:logout()'>退出登录</a>";
    }
   } catch (Exception e) {
    logger.error(e.toString(), e);
   }
   return SUCCESS;
}

/**
* 退出登录
*/
public String loginOut() {
   try {
    ServletActionContext.getContext().getSession().remove("memberinfoPO");
   } catch (Exception e) {
    logger.error(e.toString(),e);
   }
   return SUCCESS;
}

 

2 struts.xml

<result type="json">
        <param name="excludeProperties">logger,memberinfoManager,organizationpos,menuUtil
        ,organizationListMap,typeop,typeDao</param>
    </result>

3.jsp

<s:if test="#session.memberinfoPO == null">
<div id="loginResult"></div>
<div id="loginForm">
   用户名 <input type="text" name="memberinfoPO.loginname" id="username" />   &nbsp; &nbsp; 密码：
     <input type="password" name="memberinfoPO.loginpass" id="password" />
    
     <input type="checkbox" name="checkbox" value="checkbox" />
     自动登录
     <input type="submit"   value="登录" οnclick="userLogin()"/>
     &nbsp; &nbsp; 免费注册
     &nbsp; &nbsp; &nbsp; &nbsp; 欢迎登录交通物流信息平台
</div>
</s:if>
<s:else>
<s:set value="#session.memberinfoPO" var="member" />
<div id="loginResult">
   <s:property value="#member.username"/><s:if test='#member.sex == "男"'>先生</s:if><s:else>女士</s:else>
   欢迎您登录&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;<a href='#'>进入会员中心</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href='javascript:logout()'>退出登录</a>
</div>
<div id="loginForm" style="display: none;">
   用户名 <input type="text" name="memberinfoPO.loginname" id="username" />   &nbsp; &nbsp; 密码：
     <input type="password" name="memberinfoPO.loginpass" id="password" />
    
     <input type="checkbox" name="checkbox" value="checkbox" />
     自动登录
     <input type="submit"   value="登录" οnclick="userLogin()"/>
     &nbsp; &nbsp; 免费注册
     &nbsp; &nbsp; &nbsp; &nbsp; 欢迎登录交通物流信息平台
</div>
</s:else>

4.js

function userLogin() {
var username = $("#username").val();
var password = $("#password").val();
if (username == "" || username == null) {
   alert("请输入用户名！");
} else if (password == "" || password == null) {
   alert("请输入密码！");
} else {
   $.ajax( {
    url :"memberinfo/memberinfo_login",
    type :"post",
    dataType :"json",
    data :"memberinfoPO.loginname=" + username
      + "&memberinfoPO.loginpass=" + password,
    timeout :20000,// 设置请求超时时间（毫秒）。
    error : function() {// 请求失败时调用函数。
     $("#loginResult").html("请求失败!");
    },
    success :callbackLogin
   });
}
}
function callbackLogin(json) {
$("#loginForm").hide();
if (json.message == 'failure') {
   $("#loginResult").html("用户名或密码错误！<a href='javascript:loginAgain()'>请重新登录</a>");
   $("#loginResult").show();
} else {
   alert("登录成功！");
   $("#loginResult").html(json.message);
   $("#loginResult").show();
}
}
function loginAgain() {
$("#loginResult").hide();
$("#loginForm").show();
}
function logout() {
$.ajax( {
   url :"memberinfo/memberinfo_loginOut",
   type :"post",
   dataType :"json",
   timeout :20000,// 设置请求超时时间（毫秒）。
   error : function() {// 请求失败时调用函数。
    $("#loginResult").html("请求失败!");
   },
   success :callbackLoginOut
});
}
function callbackLoginOut() {
$("#loginResult").hide();
$("#loginForm").show();
}

5,

将jquery.js,json-lib-2.1.jar,struts2-json-plugin-2.1.8.1.jar