用jquery提交多个表单的数据

简介:

其实对于jquery我也算是菜鸟,有些东西在别人看来很简单,一到我这里就觉得很神奇了。

最后搞公司的一个系统,里面有很多表单提交,AJAX,其中遇到一个问题让我对jquery更感神奇了。

页面上有4个表单,A,B,C,D。

A是基本信息表单,记录了一条记录的主要信息。
B是其明细记录,可以修改。
C是一个按时间段查询的表单,输入时间段后我会用ajax取出一个列表,列表中有表单D,可以向主记录追加明细。

我用的是ajax提交,现在要把A,B,D三个表单的数据提交到服务端进行处理,并且是要一次提交,不能分三次。

原来jquery可以这么写的:

 
 
  1. // 提交 
  2. $("#SubmitBtn").click(function(){ 
  3.     $.ajax({ 
  4.         url : "index.php"
  5.         data: $("#FormA, #FormB, #FormC").serialize(), 
  6.         type: "post"
  7.         dataType: "json"
  8.         success: function(rs){ 
  9.             //该干嘛干嘛
  10.         } 
  11.     }); 
  12. }); 

第五行是亮点哈:)










本文转自 ustb80 51CTO博客,原文链接:http://blog.51cto.com/ustb80/1085991,如需转载请自行联系原作者
目录
相关文章
|
6月前
|
存储 JavaScript 小程序
jQuery、vue、小程序、uni-app中的本地存储数据和接受数据是什么?
jQuery、vue、小程序、uni-app中的本地存储数据和接受数据是什么?
70 0
|
6月前
|
存储 JavaScript 小程序
jQuery、vue、小程序、uni-app中的本地存储数据和接受数据
jQuery、vue、小程序、uni-app中的本地存储数据和接受数据
62 0
|
6月前
|
JSON 前端开发 Java
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
132 0
|
25天前
|
移动开发 JSON 数据可视化
精选八款包括可视化CMS,jquery可视化表单,vue可视化拖拉,react可视化源码
精选八款包括可视化CMS,jquery可视化表单,vue可视化拖拉,react可视化源码
43 0
|
3月前
|
前端开发 JavaScript Java
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
关于如何在SpringBoot项目中结合JQuery和Ajax实现表单数据的传输以及单文件或多文件上传的教程。文章提供了完整的前后端示例代码,包括项目的`pom.xml`依赖配置、SpringBoot的启动类`App.java`、静态资源配置`ResourceConfig.java`、配置文件`application.yml`、前端HTML页面(单文件上传和多文件上传加表单内容)以及后端控制器`UserController.java`。文章最后展示了运行结果的截图。
124 0
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
|
3月前
|
Devops 持续交付 测试技术
JSF遇上DevOps:开发流程将迎巨变?一篇文章带你领略高效协同的魅力!
【8月更文挑战第31天】本文探讨了如何在JavaServer Faces(JSF)开发中融入DevOps文化,通过持续集成与部署、自动化测试、监控与日志记录及反馈机制,提升软件交付速度与质量。文中详细介绍了使用Jenkins进行自动化部署、JUnit与Selenium进行自动化测试、ELK Stack进行日志监控的具体方法,并强调了持续改进的重要性。
36 0
|
3月前
|
JSON JavaScript 数据格式
Jquery 将 JSON 列表的 某个属性值,添加到数组中,并判断一个值,在不在数据中
Jquery 将 JSON 列表的 某个属性值,添加到数组中,并判断一个值,在不在数据中
72 0
|
6月前
|
安全 JavaScript 数据安全/隐私保护
jQuery会员中心安全修改表单特效
jQuery实现的会员中心安全修改表单特效代码是一款实现了可以修改登录密码,交易密码,手机号码,实名认证,电子邮箱,安全设置表单,会员表单等设置效果的代码
42 4
jQuery会员中心安全修改表单特效
|
6月前
|
JavaScript 前端开发 数据格式
2022年11月23日——jQuery——T1(基础选择器与表单选择器)
2022年11月23日——jQuery——T1(基础选择器与表单选择器)
71 0
|
6月前
|
存储 JavaScript 小程序
jQuery、vue、小程序、uni-app中的本地存储数据和接受数据
jQuery、vue、小程序、uni-app中的本地存储数据和接受数据
67 1