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格式的数据，还不是很理解