js提交表单后怎么获取返回值

52分钟前阅读1回复0
yk
yk
  • 管理员
  • 注册排名3
  • 经验值126245
  • 级别管理员
  • 主题25249
  • 回复0
楼主
1、Js表单提交 2、jsp 顶用js提交表单并封闭本窗口的问题。 3、Js若何实现主动提交表单! 4、js 提交表单数据: 附件+对象的的多聚集 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异步提交。但是领会一些仍是好的。。。

jsp 顶用js提交表单并封闭本窗口的问题。

1、在html中的表单form设置属性action='#'避免主动提交

2、操纵js获取html中表单form,从头设置表单的action

3、action设置完毕后挪用form.submit()办法提交表单

4、表单提交后操纵window.close()封闭当前窗口

button按钮也能够的啊,一样的利用办法啊,在js中提交的,仍是说你想根据 差别的按钮将form1表单提交到差别的action里?

script type="text/javascript"

function sub(){

document.form1.submit();

}

/script

 body

   form action="Getvalue" method="post" name="form1"

   input type="text" name="username"br/

   input type="password" name="password"br/

   input type="button" value="button测试" onclick="sub();"

   /form

 /body

Js若何实现主动提交表单!

function sub(){

document.表单名.submit();

}

setTimeout(sub,10000);//以毫秒为单元的.1000代表一秒钟.根据 你需要修改那个时间.

//--

/script

还有一种处理构想

页面onload(加载)的时候获取到你想要主动提交的form然后submit不就行了么

js 提交表单数据: 附件+对象的的多聚集

在我们前端停止表单提交的时候,有时候会呈现那种情状 :Failed to convert   java.lang.String    to java.util.List

等等。

例如:

  我后台定义一个对象:

       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 );

});

以那种体例就能够实现 多附件  逐个 对应提交。以制止对象转换错误问题。

0
回帖

js提交表单后怎么获取返回值 期待您的回复!

取消