Struts2 + jQuery 实现完成请求，不做页面跳转

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

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效果