SSH+Jquery+Ajax框架整合

近期学习了SSH2（Struts2+Spring+Hibernate）的整合后，开始尝试的写一个登陆界面，结果发现：若是单单使用struts2来进行页面跳转的话页面的效果不怎么样，同时也无法进行局部刷新（即异步提交验证）。

于是，我开始在网上搜索解决的办法，有些说通过一个隐藏的iframe来达到效果，当我总觉得麻烦和不实用。后来问了下老师，告诉了我使用ajax可以达到想要的效果，我又发现网上有很多例子都是ajax的，但缺少的就是SSH2(整合好的)和ajax 的整合（ajax使用了jQuery框架）。

说说我想要的效果：

登录页面点击提交后 进行后台的验证；

验证成功跳转到index.Jsp;

验证失败则在本登录页面执行一个jQuery脚本提示用户；

需要的包：

SSH2使用到的包外，还需要struts2的以下包：

commons-beanutils-1.8.0.jar
commons-collections-3.1.jar
commons-fileupload-1.3.1.jar
commons-io-2.2.jar
commons-lang-2.4.jar
commons-lang3-3.1.jar
commons-logging-1.1.3.jar
ezmorph-1.0.6.jar
freemarker-2.3.19.jar
json-lib-2.3-jdk15.jar
ognl-3.0.6.jar
struts2-core-2.3.16.3.jar
struts2-json-plugin-2.3.16.3.jar
xwork-core-2.3.16.3.jar

好了，开始贴代码：

login.jsp

账号：<input id="User" name="User"type="text" /><br/>

密码：<input id="PassWord" name="PassWord"type="password" /><br/>

LoginAction.java

publicclass LoginAction extends ActionSupport {
  //使用@Resource注解注入条件属性名与 ref要一致才可
  @Resource
  FUserService fUserServiceImp;
  @Resource
  FUser fUser;
  private String User;
  private String PassWord;
  private String result;
  public String getResult() {
    returnresult;
  }
  publicvoid setUser (String User) {
    this.User = User;
  }
  publicvoid setPassWord(String PassWord) {
    this.PassWord = PassWord;
  }
  public String execute() throws Exception {
    HttpServletRequest request = ServletActionContext.getRequest();
    //获取ajax传过来的数据直接使用前台的属性名即可获取。
    fUser.setUserEmail(User);
    fUser.setUserPassWord(PassWord);
    if(fUserServiceImp.CheckUser(fUser)!=null){
      //返回给ajax的数据
      this.result = "true";
    }else{
      this.result = "false";
    }
    return"success";
  }
}

Struts.xml

<?xml version="1.0"encoding="UTF-8"?>
<struts>
  <!—这是我们配置SSH时配置Struts的package -->
  <package name="Struts" extends="struts-default">
    <action name="login"class="loginAction">
    </action>
  </package>
  <!—为了让ajax可以调用Spring中的Action 配置ajax的package -->
  <package name="ajax_json" extends="json-default">
  <!—本处的id就是ajax url的值，class引用了Spring 配置Action的id-->
    <action name="login" class="loginAction">
      <result name="success" type="json"/>
    </action>     
  </package>
</struts>

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

通过构造AJAX参数实现表单元素JSON相互转换

SpringMVC环境下实现的Ajax异步请求JSON格式数据

ajax回调打开新窗体防止浏览器拦截有效方法_AJAX相关

以上就是SSH+Jquery+Ajax框架整合的详细内容，更多请关注Gxl网其它相关文章！