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
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"content="text/html; charset=utf-8" />
<title>会员登陆</title>
<!-- 必须添加jQuery 否则ajax将不启用。-->
<script type="text/javascript"src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#button").click (function(){
varuser =$("#User").val();
varpassWord =$("#PassWord").val();
$.ajax({
//这里的需要Struts.xml的<action/>的name属性一致。
url:‘login.action‘,
//提交类型
type:‘POST‘,
//提交数据给Action传入数据
data:{‘User‘:user,‘PassWord‘:passWord},
//返回的数据类型
dataType:‘json‘,
//成功是调用的方法
success:function(data){
//获取Action返回的数据用 data.Action中的属性名 获取
if(data.result=="false")
{
alert("账号密码错误");
}elseif(data.result=="true"){
//进行页面跳转，因为ajax我们的Action只返回数据，不在进行跳转了...
location.href = "index.jsp";
}
}
});
});
});
</script>
</head>
<body>
账号：<input id="User" name="User"type="text" /><br/>
密码：<input id="PassWord" name="PassWord"type="password" /><br/>
<input id="button" type="button"value="提交" /> </body> </html>
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>
其他SSH2框架整合的不需要改动这样就可以将jQuery框架的ajax整合入SSH2框架使用了！
以上内容是个人所想，如有不对的地方欢迎给我留言，我会在第一时间和大家取得联系，谢谢大家一直以来对我们网站的支持。
相关推荐
-
详解SSH框架和Redis的整合
一个已有的Struts+Spring+Hibernate项目,以前使用MySQL数据库,现在想把Redis也整合进去. 1. 相关Jar文件 下载并导入以下3个Jar文件: commons-pool2-2.4.2.jar.jedis-2.3.1.jar.spring-data-redis-1.3.4.RELEASE.jar. 2. Redis配置文件 在src文件夹下面新建一个redis.properties文件,设置连接Redis的一些属性. redis.host=127.0.0.1 redi
-
MyEclipse整合ssh三大框架环境搭载用户注册源码下载
前言 SSH不是一个框架,而是多个框架(struts+spring+hibernate)的集成,是目前较流行的一种Web应用程序开源集成框架,用于构建灵活.易于扩展的多层Web应用程序. 集成SSH框架的系统从职责上分为四层:表示层.业务逻辑层.数据持久层和域模块层(实体层). Struts作为系统的整体基础架构,负责MVC的分离,在Struts框架的模型部分,控制业务跳转,利用Hibernate框架对持久层提供支持.Spring一方面作为一个轻量级的IoC容器,负责查找.定位.创建和管理对象及
-
SSH框架网上商城项目第1战之整合Struts2、Hibernate4.3和Spring4.2
本文开始做一个网上商城的项目,首先从搭建环境开始,一步步整合S2SH.这篇博文主要总结一下如何整合Struts2.Hibernate4.3和Spring4.2. 整合三大框架得先从搭建各部分环境开始,也就是说首先得把Spring,Hibernate和Struts2的环境搭建好,确保它们没有问题了,再做整合.这篇博文遵从的顺序是:先搭建Spring环境-->然后搭建Hibernate环境--> 整合Spring和Hibernate --> 搭建Struts2环境 --> 整合Spri
-
JSP 开发SSH整合异常解决办法
SSH整合异常解决(creating bean with name 'sessionFactory' defined in class path) 整合SSH注解的方式,但是一直有异常.还是解决了,贴出来. [org.springframework.web.context.ContextLoader]: Context initialization failed org.springframework.beans.factory.BeanCreationException: Error crea
-
SSH框架网上商城项目第7战之整合Struts2和Json
上篇我们完成了DataGrid显示json数据,但是没有和后台联系在一起,只是单纯地显示了我们自己弄的json数据,这一节我们将json和Struts2整合,打通EasyUI和Struts2之间的交互. 1. json环境的搭建 json环境搭建很简单,导入json的jar包即可,如下: (注:json-lib-2.4的jar包下载地址:http://xiazai.jb51.net/201605/yuanma/json-lib-2.4(jb51.net).rar ) 2. 完善Action 在D
-
详解JAVAEE——SSH三大框架整合（spring+struts2+hibernate）
一.整合原理 二.导包(41个) 1.hibernate (1)hibernate/lib/required (2)hibernate/lib/jpa | java persist api java的持久化规范(接口) (3)数据库驱动 2.struts2 (1)struts-blank.war/WEB-INF/lib/* 注意:javassist-3.18.1-GA.jar包与hibernate中的重复(只保留高版本即可) (2)struts整合spring插件包 注意:这个包一旦导入,那么s
-
SSH整合中 hibernate托管给Spring得到SessionFactory
<prop key="hibernate.current_session_context_class">thread</prop> 然后 Resource resource=new ClassPathResource("/WEB-INF/applicationContext.xml"); BeanFactory factory=new XmlBeanFactory(resource); SessionFactory sessionFactor
-
SSH+Jquery+Ajax框架整合
近期学习了SSH2(Struts2+Spring+Hibernate)的整合后,开始尝试的写一个登陆界面,结果发现:若是单单使用struts2来进行页面跳转的话页面的效果不怎么样,同时也无法进行局部刷新(即异步提交验证). 于是,我开始在网上搜索解决的办法,有些说通过一个隐藏的iframe来达到效果,当我总觉得麻烦和不实用.后来问了下老师,告诉了我使用ajax可以达到想要的效果,我又发现网上有很多例子都是ajax的,但缺少的就是SSH2(整合好的)和ajax 的整合(ajax使用了jQuery框
-
Jquery AJAX 框架的使用方法
刚开始学了 JQuqery, 众多的 $get(),...等等符号早已把我搞晕了.暂时就放弃了.后来学习 ASP.NET AJAX ,在微软的领导下,逐渐由服务器端转向客户端编程. 激起我客户端编程的兴趣,才想起学习一下了 Jquery.随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优秀的Js框架,其中比较著名的有Prototype.YUI.jQuery.mootools.Bindows以及国内的JSVM框架等,通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写
-
jquery $.ajax()取xml数据的小问题解决方法
开始的代码如下: 复制代码 代码如下: $.ajax({ type: "get", url: "Database/App_all.xml", dataType: "xml", timeout: 2000, beforeSend: function () {}, success: function (xml) { $(xml).find("app[id='id-1']").find("auther").app
-
JQuery+Ajax+Struts2+Hibernate框架整合实现完整的登录注册
最近在仿造一个书城的网站: http://www.yousuu.com ,UI直接拿来用,前端后端自己写,目前大部分功能已经实现, 就把具体的 登录注册功能 拿来分享一下.PS:又写登录注册会不会被人喷啊=.= 一.开发环境的部署 程序结构: BootStrap+Ajax+Struts2+Hibernate+MySql 仅供参考:能实现相关功能即可 操作系统:ubuntu 14.10 前端框架:BootStrap 注:此框架只是为了实现用户界面,和具体功能无关 数据库:mysql-5.5 数
-
python bottle框架支持jquery ajax的RESTful风格的PUT和DELETE方法
这两天在用python的bottle框架开发后台管理系统,接口约定使用RESTful风格请求,前端使用jquery ajax与接口进行交互,使用POST与GET请求时都正常,而Request Method使用PUT或DELETE请求时,直接爆"HTTP Error 405: Method Not Allowed"错误.而ajax提交的Request Method值DELETE也变成了OPTIONS了. 度娘了好多答案,要么说是浏览器不支持,要么说自己重新封装jquery,还有其他的一些
-
Ajax 框架之SSM整合框架实现ajax校验
刚学习了ssm框架,ajax校验成功,分享下 1.导入jar包 2.配置spring-servlet.xml <bean class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter"> <property name="messageConverters"> <list> <ref bean="mapping
-
Spring+Hibernate+Struts(SSH)框架整合实战
SSH框架整合 前言:有人说,现在还是流行主流框架,SSM都出来很久了,更不要说SSH.我不以为然.现在许多公司所用的老项目还是ssh,如果改成主流框架,需要成本.再说比如金融IT这一块,数据库dao层还是推荐使用的是hibernate,因为能够快速开发上手,除非是互联网,因涉及到高并发,dao层用的是mybatis,数据交互效率较快.所以,SSH不容忽略. 一.什么是SSH SSH是 struts+spring+hibernate的一个集成框架,是目前比较流行的一种Web应用程序开源框架. 集
-
thinkPHP5框架整合plupload实现图片批量上传功能的方法
本文实例讲述了thinkPHP5框架整合plupload实现图片批量上传功能的方法.分享给大家供大家参考,具体如下: 在官网下载plupload http://http//www.plupload.com 或者点击此处本站下载. 这里我们使用的是pluploadQueue 在HTML页面引入相应的css和js,然后根据示例代码修改为自己的代码 <link rel="stylesheet" href="/assets/plupupload/css/jquery.plupl
-
Jquery Ajax请求方法小结(值得收藏)
jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯. 废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的(这个后面会说到). 1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中. url (String) :
-
jquery ajax 如何向jsp提交表单数据
AJAX越来越火了,作为一个WEB程序开发者要是不会这个感觉就要落伍,甚至有可能在求职的时候屡被淘汰.我也是一个WEB程序开发者,当然我也要 "随波逐流"一把,不然饭碗不保啊! 之前实现AJAX使用Javascript脚本一个一个敲出来的,很繁琐.学习Jquery之后就感觉实现AJAX并不是那么的困难了,当然除了 Jquery框架外还有其它的优秀框架这里我就着重说下比较流行的Jquery.Jquery AJAX提交表单有两种方式,一是url参数提交数据,二是form提交(和平常一样在后