`
zhuixue
  • 浏览: 174537 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

Struts2 + jQuery 实现完成请求,不做页面跳转的ajax效果

    博客分类:
  • ajax
阅读更多

需求要求实现用弹出层发送邮件。提交后层关闭,程序再服务器端响应。

 

JSON插件提供了一种名为json的ResultType,一旦为某个Action指定了一个类型为json的Result,则该Result无需映射到任何视图资源。因为JSON插件会负责将Action里的状态信息序列化成JSON格式的数据,并将该数据返回给客户端页面的JavaScript 。

 

简单地说,JSON插件允许我们在JavaScript中异步调用Action,而且Action不再需要使用视图资源来显示该Action里的状态信息,而是由JSON插件负责将Action里的状态信息返回给调用页面——通过这种方式,就可以完成Ajax交互。


1、将struts2的json插件加入web工程的lib,jsonplugin的下载地址:http://code.google.com/p/jsonplugin/downloads/list

2、struts.xml添加专为ajax使用的package 

 <package name="ajax" extends="json-default">
        
<action name="ajaxRequest"  class="org.david.struts2.HelloWorld">
            
<result type="json"></result>
        
</action>
</package>        
             
3、在页面中引入 jquery的js文件库       

    <SCRIPT type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
 
<SCRIPT type="text/javascript">
            
function clickButton()
            
{    
                
var url = 'ajaxRequest.action';
                
var params = {
                        name:$('#name').attr('value'),
                           contactEmail:$('#contactEmail').attr('value'),
                           subject:$('#subject').attr('value'),
                           content:$('#content').attr('value')                

                       }; //通过id获得输入值
                 jQuery.post(url, params, callbackFun, 'json');

      

               } //url:响应aciton;params:传入参数;callbackFun:响应完成后的回调函数;
            

               function callbackFun(data)
            
{
                 alert("SUCCESS");
                }

     
</SCRIPT>
4、action逻辑与普通的ation写法无大区别。

     JSON将Action里的状态信息序列化成JSON格式的数据,还不是很理解

   

 

分享到:
评论

相关推荐

    struts2+jquery+ajax实现头像上传切割图片

    "Struts2+jQuery+Ajax实现头像上传切割图片"是一个典型的Web开发技术组合,它结合了Struts2作为后端MVC框架,jQuery作为前端JavaScript库,以及Ajax进行异步数据传输,来提供流畅的图片上传和裁剪功能。以下将详细...

    Struts2+JSON+JQuery实现简单的验证

    Struts2、JSON和JQuery是Web开发中的三个关键技术,它们常常被结合使用来构建高效、动态的用户界面。在本教程中,我们将探讨如何利用这些技术实现一个简单的验证功能。 首先,Struts2是一个基于MVC(Model-View-...

    struts2 + jquery +ajax 登录验证

    Struts2、jQuery和Ajax是Web开发中的三大关键技术,它们结合使用可以构建高效、动态且用户友好的登录验证系统。以下是对这些技术及其在登录验证中的应用的详细说明。 Struts2是一个基于MVC(Model-View-Controller...

    json+jquery+struts2+ajax

    struts2 json jquery ajax实现用户登陆及业面跳转

    struts2+jquery+json 小例子

    - **前端交互**:jQuery通过AJAX与后台Struts2 Action通信,发送JSON请求并接收JSON响应。 - **数据展示**:Struts2 Action处理完业务逻辑后,返回JSON结果,jQuery解析后动态更新DOM展示数据。 博客链接中提到的...

    ztree+struts2+hibernate项目

    【标题】"ztree+struts2+hibernate项目"是一个综合性的Web应用程序示例,它结合了多个核心技术,包括ztree、Struts2、Hibernate以及jQuery,展现了如何在实际开发中有效地整合这些工具。这个项目的核心在于利用ztree...

    struts2+easyUI+ajax+json用户登验证

    总结来说,"struts2+easyUI+ajax+json用户登录验证"项目是Web开发中的典型应用场景,展示了如何利用这些技术实现前后端交互和动态页面更新,为初学者理解Web开发的基本流程和原理提供了很好的实例。

    struts+注解+jquery例子

    在Struts框架中,jQuery常用于处理用户界面的动态效果和异步请求。例如,你可以使用jQuery的AJAX功能发起一个请求到Struts的Action,然后Action处理完业务逻辑后,通过JSON或其他格式返回数据。jQuery接收这些数据后...

    Struts2 JQuery同步上传图片

    然后,将返回一个表示成功的字符串(如“success”),以便Struts2框架知道如何跳转到对应的JSP页面(在本例中是`succ.jsp`)。 为了实现同步上传,你需要在JavaScript(通常是jQuery)中处理表单提交事件。使用...

    struts2+jquery实现ajax登陆实例详解

    在本实例中,我们需要实现以下步骤来完成基于Struts2和jQuery的AJAX登录功能: 1. 新建一个Web项目并命名,例如命名为test。接着,配置Struts2环境,这通常包括在项目的web.xml文件中添加Struts2的Servlet配置,并...

    struts2+Hibernate+jauery+Ajax+Json+mysql例子

    struts2+Hibernate+jquery+Ajax+Json+mysql例子 一个部门和员工信息管理的例子,页面上的所有数据全部采用动态加载,增删改查操用全部在一个页面上实现,没有页面跳转。前台页面和后台服务器交互采用json格试传输。 ...

    SSH(Spring+Struts2+Hibernate)登录与AJAX级联

    同时,Struts2可以配合Ajax实现部分页面的异步更新,如在选择省份后动态加载城市列表。 3. **Hibernate框架**: Hibernate是一个对象关系映射(ORM)框架,简化了数据库操作。在这个登录系统中,Hibernate可能用于...

    struts2下jquery-ui的全部实例

    - **Action类与Result类型**:在Struts2中,Action类是业务逻辑的载体,Result类型负责决定请求处理后的跳转页面或资源。 - **Interceptor拦截器**:用于在Action调用前后执行特定逻辑,如登录验证、日志记录等。 ...

    struts2使用jquery整合ajax、json用户登录实例源码

    在本实例中,我们将探讨如何利用Struts2、jQuery、Ajax和JSON技术实现一个用户登录功能。 首先,我们需要理解Ajax的核心概念,即在不刷新整个页面的情况下,向服务器发送异步请求并获取数据。这极大地提升了用户...

    struts2+hibernate 简单网上书店

    在实现过程中,我们可能需要用到jQuery库来处理Ajax请求,以及在Struts2 Action中处理这些请求并返回相应的JSON数据。 为了实现上述功能,我们需要对以下几个核心组件有深入理解: 1. Struts2拦截器(Interceptors...

    struts2+hibernate的网上购物管理系统的课程设计

    Struts2提供了一些插件,如Tiles和Struts2 jQuery Plugin,可以帮助我们实现这些功能。 安全方面,Struts2提供了安全相关的拦截器,如Params拦截器用于参数校验,SessionAware拦截器防止会话劫持。同时,我们还需要...

    Jquery与struts2

    jQuery与Struts2的整合使得前端与后端的交互变得更加流畅,通过Ajax技术实现了无刷新的数据提交与接收,提升了Web应用的用户体验。理解并熟练掌握这两者之间的协作,对于提升Web开发效率至关重要。在实际项目中,还...

    Struts1.2+Hibernate3.0+Spring2+DWR OA 办公自动化管理系统

    Struts1.2主要负责处理HTTP请求,管理页面跳转,并通过Action和ActionForm实现业务数据的封装与传递。 **Hibernate3.0** 是一个强大的对象关系映射(ORM)框架,它可以将数据库中的表映射为Java对象,使得开发者...

    MyBatis+Struts2+Spring 增删改查

    开发者可以通过Jquery美化和优化用户界面,通过Struts2处理用户请求,Spring管理和协调组件,而MyBatis则负责与数据库的交互,实现了完整的数据操作功能。通过这样的集成,开发者可以更专注于业务逻辑,而不是底层的...

    Jquery+Struts2笔记

    4. **Ajax局部刷新**:利用jQuery的DOM操作和Struts2的Ajax结果类型,可以实现页面的局部刷新,提高应用的响应速度。 5. **拦截器与jQuery事件**:Struts2的拦截器可以处理通用的业务逻辑,如登录检查。结合jQuery...

Global site tag (gtag.js) - Google Analytics