通过Ajax两种方式讲解Struts2接收数组表单的方法-前端开发

使用struts2表单传值，可以传一个或者是作为一个对象的各个属性传，都非常灵活便捷。但是如果我们需要传一个数组并希望struts正确接收，该怎么处理呢？接下来，通过本文给大家介绍通过Ajax两种方式讲解Struts2接收数组表单的方法，需要的朋友

使用struts2表单传值，可以传一个或者是作为一个对象的各个属性传，都非常灵活便捷。但是如果我们需要传一个数组并希望struts正确接收，该怎么处理呢？

下面我将通过普通表单和ajax两种方式讲解。首先我们有如下一个实体,一个action和一个jsp。

Student.java


public class Student
{
 private String name;
 private String num;
}
StudentAction.java
public class StudentAction extends ActionSupport
{
 private List<Student> lstStu;
}

xy.jsp


<script type="text/javascript">
 var stus = [];
 stus.push({num:"1",name:"xy1"});
 stus.push({num:"2",name:"xy2"});
 stus.push({num:"3",name:"xy3"});
</script>

下面开始吧，以下代码都是写在xy.jsp的脚本区的。

普通表单形式——遍历数组，构造表单隐藏域


var htmlContent = "";
for(var i=0;i<stus.length;i++){
 htmlContent += "<input type='hidden' name='lstStu[" + i + "].name' value='" + stus[i].name + " ' />";
 htmlContent += "<input type='hidden' name='lstStu[" + i + "].num' value='" + stus[i].num + " ' />";
}

特殊情况


<input type='hidden' name='lstStu.name' value='xy1' />
<input type='hidden' name='lstStu.name' value='xy2' />
<input type='hidden' name='lstStu.name' value='xy3' />

传单个属性时，struts可以认识，表示3个不同的student。但是传两个属性就不行了，因为struts不知道组合。不推荐。

ajax形式——遍历数组，构造json对象


var param = {};
for(var i=0;i<stus.length;i++){
 param["lstStu[" + i + "].name"] = stus[i].name;
 param["lstStu[" + i + "].num"] = stus[i].num;
}
$.ajax({
 data:param
});

其实我们构建了这样一个json对象


data:{
 lstStu[0].num:"1",lstStu[0].name:"xy1",
 lstStu[1].num:"2",lstStu[1].name:"xy2",
 lstStu[2].num:"3",lstStu[0].name:"xy3"
}

有的人说，那直接把stus数组作为data传到Action不是很方便？答案是不能这样传，这样action接收不到或者说struts不知道怎么处理传来的数组。

本文内容到此结束了，希望对大家有所帮助。

基础教程推荐