Ajax与Struts2的action之间的数据交互

本文将主要说明Ajax与Action数据交互的实现过程，前端使用JQuery中Ajax的相关方法，get或者post，将数据以Json格式传回到业务调度Action中，Action中处理后，再讲数据以Json格式返回给前端。

前端Ajax请求

可以使用get或者post两种方式向服务器发送请求，首先先熟悉get的打开方式。
整体方法结构：$.get(url [, data] [, callback] [, type])

• url:请求的HTML页的URL地址
  data(可选):发送至服务器的key/value数据会做为QueryString附加到请求URL中
  callback(可选):载入成功时回调函数（即当Response的返回状态为success才调用）自动将请求结果和状态传递给该方法
  type(可选):服务器端返回内容的格式，包括xml,html,script,json,text和_default.

例子，使用get向后台请求数据

    $.get(
            "getSafeEvent.action",//请求的action相对路径
            function (jsonStr) {
              var StrArray = eval(jsonStr);  //解析json数据
              var event_type = StrArray[0].type;
            },
            "json"
    );  //从后台获取所有数据

---

同样也可以使用post向后台请求，使用方法和get基本相同。例子，使用post发送数据

            var eventJson = {
              "lng": e.point.lng,
              "lat": e.point.lat,
              "time": timeValue,
              "address": addressValue,
              "type": typeValue,
              "content": contentValue
            }

            $.post(
                    "addNewEvent.action",
                     eventJson, //需要发送的Json数据
                     function (data) {
                          marker.setTitle(data);
                    },
                    "text"
              );

后台服务Action

以上文中的get请求为例，给出相应的action处理代码

public class GetSafeEventAction {

    public void execute() throws Exception {
        ActionContext ac = ActionContext.getContext();
        List<WeiBoContent> contents = ContentWithGeoFinder.getContentWithGeo();
        HttpServletResponse response = (HttpServletResponse) ac.get(ServletActionContext.HTTP_RESPONSE);
        response.setContentType("text/html;charset=utf-8");
        response.getWriter().write(JSONArray.fromObject(contents).toString());
        }
}

注意到Action的返回方法被省略了，因为处理结果直接通过response输出到前端，这里使用到了JSON库的JSONArray方法来将一个Java Object转化为Json数组。实际运行action返回的值如下所示：

{//Json数组开始
//Json格式的对象
{"addr":"虞城","content":"#商丘微求助# 在虞城新建路月轩网吧丢失一个钱包，钱包里有两千多现金，身份证，银行卡等证件；钱不重要，主要是证件之类的。有小偷照片，听说叫吴振宇，大概15,6岁…希望有认识的朋友帮下忙，找到重谢 |秒拍视频 .","fatherId":8942,"id":8942,"isShow":"yes","lat":"34.369072","lng":"115.91422","time":"2015-012-01:2015-012-30","type":"安全","username":"商丘那点事"}
{"addr":"瓮安","content":"#黔南身边事#【神秘小偷猖狂搜遍瓮安中学校园，数名学生被盗】网友爆料：6月27号凌晨3点左右，瓮安中学被一头戴鸭舌帽，面戴口罩，手拿电筒的男子潜入教学楼，挨个教室搜了个遍，高一、高二数名学生被盗。沒有了生活费的学生很无奈，试问校园警务你的安保工作是怎么开展的，还能不能保证让学生安心的读...展开全文c","fatherId":8911,"id":8911,"isShow":"yes","lat":"27.17234","lng":"107.42141","time":"2015-012-01:2015-012-30","type":"安全","username":"黔南头条"}
}//Json数组结束

其中WeiBoContent对象的结构如下：

public class WeiBoContent {

    private String username;
    private String content;
    private String time;
    private String lng;
    private String lat;
    private Integer id;
    private String type;
    private String addr;
    private Integer fatherId = 0;
    private String isShow = "yes";
}

Struts配置

<struts>
    <package name="com.eventMap.struts2" extends="struts-default" >
        <action name="getSafeEvent" class="actions.GetSafeEventAction"> </action>
    </package>
</struts>

配置只需要将逻辑action与实际action链接即可，因为没有action中没有return方法，所以这里也就不需要为其配置result。

---

参考

使用Jquery的Ajax方法与后台Action交互
使用Struts2的Json插件来与前端Ajax交互