通过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不知道怎么处理传来的数组。

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

时间: 2024-11-01 06:55:18

通过Ajax两种方式讲解Struts2接收数组表单的方法的相关文章

通过Ajax两种方式讲解Struts2接收数组表单的方法_AJAX相关

使用struts2表单传值,可以传一个或者是作为一个对象的各个属性传,都非常灵活便捷.但是如果我们需要传一个数组并希望struts正确接收,该怎么处理呢? 下面我将通过普通表单和ajax两种方式讲解.首先我们有如下一个实体,一个action和一个jsp. Student.java public class Student { private String name; private String num; } StudentAction.java public class StudentActi

两种php去除二维数组的重复项方法_php技巧

php去掉二维数组的重复值的方法总结,具体代码如下:方法一: //二维数组去掉重复值 function array_unique_fb($array2D){ foreach ($array2D as $v){ $v=join(',',$v); //降维,也可以用implode,将一维数组转换为用逗号连接的字符串 $temp[]=$v; } $temp=array_unique($temp); //去掉重复的字符串,也就是重复的一维数组 foreach ($temp as $k => $v){ $

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

我们对于struts2中表单传值太熟悉不过了,可以传一个或多个值或者是作为一个对象的各属性传,十分简单. 但是我们要传一个数组并希望struts正确接收,怎么办?   下面我将通过普通表单和ajax两种方式讲解.首先我们有如下一个实体,一个action和一个jsp.   Student.java public class Student {  private String name;  private String num; } StudentAction.java public class S

详解springmvc 接收json对象的两种方式_javascript技巧

最近学习了springmvc 接收json对象的两种方式,现在整理出来,具体如下:  1.以实体类方式接收 前端 ajax 提交数据: function fAddObj() { var obj = {}; obj['objname'] = "obj"; obj['pid'] = 1 ; $.ajax({ url: 'admin/Obj/addObj.do', method: 'post', contentType: 'application/json', // 这句不加出现415错误:

【前台 ajax】web项目前台传递数组给后台 两种方式

项目使用maven    springMVC    有需求 将前台的数组   在ajax中 送给后台 方式1: 前台代码:[注意:ajax中的属性---traditional:true,  ] 如果Post是string数组或者int数组,则ajax中traditional: true, 如果Post是对象数组,则ajax中traditional: false,否则对象将为空 1 //首先 是数组数据的封装 2 $.each(checkedNodes,function(i,node){ 3 no

原生ajax和iframe框架实现图片文件上传的两种方式_AJAX相关

大家应该可以举出几种常用的异步文件上传功能的实现方式,使用频率较多的有原生ajax和iframe框架,实现图片文件上传,下面就为大家分享图片文件上传的两种方式:原生ajax和iframe框架,供大家参考,具体内容如下 方法一:利用iframe框架上传图片 html代码如下: <div class="frm"> <form name="uploadFrom" id="uploadFrom" action="upload.

jquery ajax提交表单数据的两种方式_jquery

之前实现AJAX使用Javascript脚本一个一个敲出来的,很繁琐.学习Jquery之后就感觉实现AJAX并不是那么的困难了,当然除了Jquery框架外还有其它的优秀框架这里我就着重说下比较流行的Jquery.Jquery AJAX提交表单有两种方式,一是url参数提交数据,二是form提交(和平常一样在后台可以获取到Form表单的值).在所要提交的表单中,如果元素很多的话建议用第二种方式进行提交,当然你要是想练练"打字水平"的话用第一种方式提交也未尝不可,相信开发者都不想费白劲吧!

ajax中data传参的两种方式分析

本文实例讲述了ajax中data传参的两种方式.分享给大家供大家参考,具体如下: 1. POST方式: /** * 订单取消 * @return {Boolean} 处理是否成功 */ function orderCancel(orderId, commant){ var flag = false; $.ajax({ type: "POST", url: "../order/orderCancel.action", //orderModifyStatus data:

ajax中data传参的两种方式分析_AJAX相关

本文实例讲述了ajax中data传参的两种方式.分享给大家供大家参考,具体如下: 1. POST方式: /** * 订单取消 * @return {Boolean} 处理是否成功 */ function orderCancel(orderId, commant){ var flag = false; $.ajax({ type: "POST", url: "../order/orderCancel.action", //orderModifyStatus data: