Struts2 前端与后台之间传值问题

老是被前端与后台之间的传值给弄糊涂了，特此写一篇blog进行总结。

一. 前端向后台传值

（1）属性驱动

属性驱动是指在Action类里，包含表单里对应的字段（字段名称一样），同时设置对应的getter和setter。

表单代码：html

<form action="login" method="post">
  <label>username:</label>
  <input type="text" name="username">
  <label>password:</label>
  <input type="text" name="username">
</form>

对应的Action：LoginAction

java代码：

public LoginAction extends ActionSupport{
    private String username; //对应表单中input属性name=username
    private String password; //对应表单中input属性name=password

    /*--  getter and setter --*/
    public void setUsername(String username){
        this.username = username;
    }
    public String getUsername(){
        return this.username;
    }
    public void setPassword(String password){
        this.password = password;
    }
    public String getPassword(){
        return this.password;
    }
    public String execute(){
        return SUCCESS;
    }
}

在struts.xml中配置Action

<action name="login" class="com.bigdata.action.LoginAction">
    <result name="success">success.jsp</result>
</action>

在success.jsp页面中使用{username}来访问username属性。

属性驱动适合于表单域传值较少的情况，如果表单域过多的话，Java代码将会充斥着大量的getter和setter代码。

（2）对象驱动

对象驱动是指在Action里包含一个对象，而这个对象的属性与表单域一一对应。

对应的Action：LoginAction

public LoginAction extends ActionSupport{
    private User user;

    /*--  getter and setter --*/
    public void setUser(User user){
        this.user = user;
    }
    public User getUser(){
        return this.user;
    }
    public String execute(){
        return SUCCESS;
    }
}

对应的user类：

public Class User{
    private String username;
    private String password;

    public String getPassword() {
        return password;
    }
    public void setPassword(String password) {
        this.password = password;
    }

    public String getUsername(){
        return username;
    }
    public void setUsername(String username){
        this.username = username;
    }
}

前台html页面代码

<form action="login" method="post">
  <label>username:</label>
  <input type="text" name="user.username">
  <label>password:</label>
  <input type="text" name="user.password">
</form>

表单域的name由对象名和属性名组成，中间用.连接，Action对象被创建后，通过setter进行赋值。Action result页面则通过${user.username}来访问。

二. 后台向前端传值

（1）使用Struts2的标签

对应Action：

public Class CollectAction extends ActionSupport{
    private String [] arryStr;
    //遍历list
    private List<User> list;
    private Map<String,String> map;
    private Map<Integer,User> userMap;
    private Map<String,List<User>> userListMap;

    public void setArryStr(String[] arryStr){
        this.arryStr = arryStr;
    }
    public String[] getArryStr(){
        return arryStr;
    }

    //省略其他的getter与setter
    public String execute(){

        arryStr[] = new String[]{"wbl","sdfsdf","gfg"};

        list.add(new User("wbl","123"));
        list.add(new User("avd","ggg"));
        list.add(new User("eee","iii"));

        map.put("key1","value1");
        map.put("key2","value2");
        map.put("key3","value3");

        userMap.put(1,new User("wbl","123"));
        userMap.put(2,new User("avd","ggg"));

        userListMap.put("user",list);
    }
}

Action对应的JSP页面：

<div id="arryStr">
    <!-- iterator遍历String 字符数组 -->
    <s:iterator value="arryStr" id="arryValue">
        <span><s:property value="arryValue" /></span>
    </s:iterator>
  </div>

  <div id="list">
    <!-- iterator遍历List集合 -->
    <table>
      <s:iterator value="list" id="user">
        <tr>
          <td><s:property value="username" /></td>
          <td><s:property value="password" /></td>
        </tr>
      </s:iterator>
    </table>
  </div>

  <div id="map">
    <!-- iterator遍历Map中的String字符串 -->
    <s:iterator value="map" id="column">
      <tr>
        <td>Key:<s:property value="key" /></td>
        <td>Value:<s:property value="value" /></td>
      </tr>
    </s:iterator>
  </div>

  <div id="userMap">
    <!-- iterator遍历Map中的User 对象(Object) -->
    <s:iterator value="userMap" id="column">
        <tr>
            <td><s:property value="value.username"/></td>
            <td><s:property value="value.password"/></td>
        </tr>
      </s:iterator>
  </div>

  <div id="userlistMap">
    <!-- iterator遍历Map中的List集合 -->
    <s:iterator value="userListMap" id="column">
      <s:set var="total" name="total" value="#column.value.size"/>
        <s:iterator value="#column.value" id="col" status="st">
          <tr>
              <td><s:property value="username"/></td>
              <td><s:property value="password"/></td>
          </tr>
      </s:iterator>
    </s:iterator>
  </div>

（2）AJAX

ajax方式可以实现异步更新数据，这里我采用json格式传输数据。

首先，建立一个action：

public class ajaxAction extends ActionSupport{
    private JSONObject dataObj; //向前台传递的JSON数据

    public JSONObject getDataObj() {
        return dataObj;
    }

    public void setDataObj(JSONObject dataObj) {
        this.dataObj = dataObj;
    }

    public String execute(){
        dataObj = new JSONObject();
        dataObj.put("key","value");
        dataObj.put("result","SUCCESS");
        return SUCCESS;
    }
}

struts.xml中action的配置

<action name="ajax"  class="com.bigdata.action.ajaxAction">
    <result type="json">
         <param name="root">dataObj</param>
         <param name="callbackParameter">jsoncallback</param>
    </result>
</action>

如果为某个action指定了一个类型为json的Result，则该Result无须映射到任何视图资源，因为json插件会负责将Action里的状态信息序列化成JSON格式的字符串，并将该字符串返回给客户端浏览器。

json类型的Result允许指定的参数

root：设置该参数将不再把整个Action对象序列化成JSON字符串，而只是将该参数所指定的Action的属性序列化成JSON字符串返给客户端，本例中将会把dataObj进行序列化。

callbackParameter: 配置该参数之后，才能进行JSON的跨域传输。

前端利用jQuery完成AJAX交互

<div id="ajaxTest">
      <input type="button" value="test" id="show">
  </div>
</body>
<script type="text/javascript" src="js/jquery.js"></script>   <script>   $(function(){       $("show").click(function(){           $.getJSON(             /*访问Action的URL地址*/             "http://localhost:8080/bigData/ajax?jsoncallback=?",             /*得到服务器响应之后的操作*/             function(respose){                 if(respose.result == "SUCCESS")                     $("#ajaxTest").append("<span>SUCCESS</span>");             })       })   })</script>
</html>

function中的参数response对应Action中的dataObj，此时就可以获得由后端传入的值。