js 提交表单数据： 附件+对象的的多集合

在我们前端进行表单提交的时候，有时候会出现这种情况：Failed to convert   java.lang.String    to java.util.List

成都创新互联是一家以成都网站建设公司、网页设计、品牌设计、软件运维、网站推广、小程序App开发等移动开发为一体互联网公司。已累计为成都混凝土搅拌站等众行业中小客户提供优质的互联网建站和软件开发服务。

等等。

例如：

我后台定义一个对象：

   examPaper 包含  String userId,Float userScore, MultipartFile  examFile  用户id  ,试卷分数，试卷文件

对象外面   classPaper有： String classId  String className  ListexamPaper  examPaperList

这个时候，后台接收为  ClassPaper

如果按照平常的 form-data   提交  则应按以下方式提交：

let  fd  = new FormData();

fd.append("classId ",classId );

fd.append("className ",className );

examPaperList.forEach((item,index) -{

 fd.append("examPaperList["+index+"].userId",item.userId);

 fd.append("examPaperList["+index+"].userScore",item.userScore);

 fd.append("examPaperList["+index+"].examFile ",item.examFile );

});

以这种方式就可以实现 多附件  一一 对应提交。以避免对象转换错误问题。

Js表单提交

表单提交是刚开始学js的朋友很迷惑的一个问题，怎么提交，怎么阻止默认提交，怎么提交表单不跳转等等问题，下面是一些示例

原始的表单提交有 button 按钮提交和 input / 类型的。它们又什么区别呢？

(1) 默认表单提交

(2)默认不会提交表单

(3) 如果在 form ,我们使用了 type=''submit 属性，但是不让表单默认提交，有什么办法呢？看下面

(4) 如果在 form ,我们使用了 type=''button 属性，但是还是需要提交表单，这是可以使用ajax来提交，好处是可以自己控制提交，并且页面不会跳转

(5)若是使用默认提交的方法，且提交之前验证表单，方法看下面

(6) 若是使用了 type='button' 属性，但是还是想实现默认提交的方式怎么办？ 看下面

(7) 下面的提交会发生什么？

分析 : 点击提交按钮:

(1)当表单验证失败时，不会触发 form.submit() 函数，所以可以触发 form 的 onsubmit 句柄，又因为该句柄 return false 所以表单不会从该句柄处默认提交，所以 会在控制台打印出 表单的onsubmit事件句柄在form.submit()调用时失效'

(2)当表单验证成功时,会触发 form.submit() 函数提交表单，又因为 form.submit()提交表单的方式与用户单击 Submit 按钮一样，但是表单的 onsubmit 事件句柄不会被调用，所以 控制台不会打印出 表单的onsubmit事件句柄在form.submit()调用时失效

现在表单默认提交的方式基本没人用了，都是ajax异步提交。但是了解一些还是好的。。。

javascript中怎么提交表单

H5edu教育html5开发为您解答：

办法1.同一个页面中建立两个表单 各自提交：

form action="?" name="form1" id="form1"

!-- 表单内容 --

input type="submit" /

/form

form action="?" name="form1" id="form1"

!-- 表单内容 --

input type="submit" /

/form

办法2：如果非要只有一个表单的话，通过js提交：

script type="text/javascript" language="javascript"

function submitYouFrom(path){

$('form1').action=path;

$('form1').submit();

}

/script

form action="?" name="form1" id="form1"

!-- 表单内容 --

input type="button" value="提交1" onclick="submitYouFrom('地址一')"/

input type="button" value="提交2" onclick="submitYouFrom('地址二')"/

/form

标题名称：javascript提交,javascript提交表单
文章出自：http://chengdu.cdxwcx.cn/article/dsisjop.html