struts中接收数组的表单和ajax两种形式

简介:

我们对于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不知道怎么处理传来的数组。

本文转自IT徐胖子的专栏博客51CTO博客,原文链接http://blog.51cto.com/woshixy/988295如需转载请自行联系原作者


woshixuye111

相关文章
|
1月前
|
XML 前端开发 JavaScript
php中Ajax的简单使用,登录表单调用Ajax判断是否正确登录利用layer.msg进行提示
本文介绍了在PHP中如何使用Ajax进行登录表单的数据提交,并利用jQuery的$.post()方法与后端通信,以及使用layer.msg进行前端提示。
php中Ajax的简单使用,登录表单调用Ajax判断是否正确登录利用layer.msg进行提示
|
2月前
|
前端开发 JavaScript Java
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
关于如何在SpringBoot项目中结合JQuery和Ajax实现表单数据的传输以及单文件或多文件上传的教程。文章提供了完整的前后端示例代码,包括项目的`pom.xml`依赖配置、SpringBoot的启动类`App.java`、静态资源配置`ResourceConfig.java`、配置文件`application.yml`、前端HTML页面(单文件上传和多文件上传加表单内容)以及后端控制器`UserController.java`。文章最后展示了运行结果的截图。
107 0
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
|
11月前
|
JSON 前端开发 Java
Springboot接收ajax提交JSON数组
Springboot接收ajax提交JSON数组
132 0
|
5月前
|
XML JSON 前端开发
教你怎么用ajax传数组(也可以是转为json)
教你怎么用ajax传数组(也可以是转为json)
70 0
|
存储 前端开发 JavaScript
HTTP进阶,Cookie,响应的回报结果含义,ajax,form表单,不同状态码代表的结果
HTTP进阶,Cookie,响应的回报结果含义,ajax,form表单,不同状态码代表的结果
HTTP进阶,Cookie,响应的回报结果含义,ajax,form表单,不同状态码代表的结果
|
5月前
|
前端开发 JavaScript
解决Ajax发送DELETE请求时后台无法接收到参数的问题(Restful风格)
解决Ajax发送DELETE请求时后台无法接收到参数的问题(Restful风格)
161 0
|
前端开发
大数据量学习:ajax获取数据后将数组重新分组后分批定时渲染的解决方案
大数据量学习:ajax获取数据后将数组重新分组后分批定时渲染的解决方案
93 0
|
前端开发 JavaScript
javascript将ajax返回的对象数组按照类别字段分组判断是否存在,传递echarts进行图表渲染
javascript将ajax返回的对象数组按照类别字段分组判断是否存在,传递echarts进行图表渲染
91 0
|
前端开发
Echarts通过ajax获取数据push数组为全局变量不断叠加的解决方案
Echarts通过ajax获取数据push数组为全局变量不断叠加的解决方案
97 0
|
JavaScript 前端开发
Form表单利用Jquery Validate验证以及ajax提交
Form表单利用Jquery Validate验证以及ajax提交
78 0