jQuery点击一次按钮提交多个表单带来的问题

简介:

 

第一种情况

<html>

    <body>

             <form id="aForm" action="a.action" method="post"></form>

            <form id="bForm" action="b.action" method="post"></form>

           <input type="button" id="btnSubmit" value="提交"/>

    </body>

</html>

 

$("#btn").click(function(){

        $("#aForm").submit();

        $("#bForm").submit();

});

 

结论

完全没有问题。两次提交行为本身就是独立的。

 

 

第二种情况

<html>

    <body>

             <form id="aForm" action="a.action!aMethod" method="post">

                     <input name="aValue" />   

            </form>

            <form id="bForm" action="a.action!bMehtod" method="post"></form>

           <input type="button" id="btnSubmit" value="提交"/>

    </body>

</html>

 

public class aaction extends ActionSupport

{

       private String aValue;

          public String aMethod(){}

          public String bMethod(){

                   String a = aValue;  (错误:因为两次表单提交是独立的,各提交行为数据无法共享)

         }

}

 

结论

因为两次表单提交是独立的,各提交行为数据无法共享。

 

 

 

目录
相关文章
|
2月前
|
移动开发 JSON 数据可视化
精选八款包括可视化CMS,jquery可视化表单,vue可视化拖拉,react可视化源码
精选八款包括可视化CMS,jquery可视化表单,vue可视化拖拉,react可视化源码
54 0
|
4月前
|
前端开发 JavaScript Java
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
关于如何在SpringBoot项目中结合JQuery和Ajax实现表单数据的传输以及单文件或多文件上传的教程。文章提供了完整的前后端示例代码,包括项目的`pom.xml`依赖配置、SpringBoot的启动类`App.java`、静态资源配置`ResourceConfig.java`、配置文件`application.yml`、前端HTML页面(单文件上传和多文件上传加表单内容)以及后端控制器`UserController.java`。文章最后展示了运行结果的截图。
232 0
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
|
4月前
|
Devops 持续交付 测试技术
JSF遇上DevOps:开发流程将迎巨变?一篇文章带你领略高效协同的魅力!
【8月更文挑战第31天】本文探讨了如何在JavaServer Faces(JSF)开发中融入DevOps文化,通过持续集成与部署、自动化测试、监控与日志记录及反馈机制,提升软件交付速度与质量。文中详细介绍了使用Jenkins进行自动化部署、JUnit与Selenium进行自动化测试、ELK Stack进行日志监控的具体方法,并强调了持续改进的重要性。
43 0
|
7月前
|
安全 JavaScript 数据安全/隐私保护
jQuery会员中心安全修改表单特效
jQuery实现的会员中心安全修改表单特效代码是一款实现了可以修改登录密码,交易密码,手机号码,实名认证,电子邮箱,安全设置表单,会员表单等设置效果的代码
47 4
jQuery会员中心安全修改表单特效
|
JavaScript 前端开发
前端基础 -JQuery之 表单选择器
前端基础 -JQuery之 表单选择器
51 0
|
7月前
|
JavaScript 前端开发 数据格式
2022年11月23日——jQuery——T1(基础选择器与表单选择器)
2022年11月23日——jQuery——T1(基础选择器与表单选择器)
79 0
|
JavaScript 前端开发
前端基础 - JQuery 简单的表单校验器
前端基础 - JQuery 简单的表单校验器
59 0
|
JavaScript 前端开发
Form表单利用Jquery Validate验证以及ajax提交
Form表单利用Jquery Validate验证以及ajax提交
91 0
|
JavaScript API
如何使用jQuery处理表单元素?底层原理是什么?
如何使用jQuery处理表单元素?底层原理是什么?
105 0
|
数据采集 SQL 前端开发
【jquery Ajax 】form表单教学+评论案例
【jquery Ajax 】form表单教学+评论案例
171 0
【jquery Ajax 】form表单教学+评论案例