视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
SSH+Jquery+Ajax框架整合
2020-11-27 19:46:45 责编:小采
文档


这篇文章给大家介绍基于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相关

下载本文
显示全文
专题