随笔-204  评论-149  文章-0  trackbacks-0
Struts2 + jQuery 实现完成请求,不做页面跳转的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格式的数据

posted on 2009-04-29 09:13 Frank_Fang 阅读(2863) 评论(2)  编辑  收藏 所属分类: SSH+JQuery+DWR

评论:
# re: Struts2 + jQuery 的简单例子使用 2013-05-25 10:43 | CSDCS
CSCSDCSD  回复  更多评论
  
# re: Struts2 + jQuery 的简单例子使用 2013-05-25 10:45 | CSDCS
能问下 如何把action里的状态信息序列化成JSON格式的数据吗? action中具体的写法怎么写呢?。。  回复  更多评论
  

只有注册用户登录后才能发表评论。


网站导航: