开发者社区> 余二五> 正文

用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,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Vue入门 基本使用 与 事务管理【1】
Vue入门 基本使用 与 事务管理【1】
11 0
推荐收藏|10个炫酷的数据可视化作品含源码
推荐收藏|10个炫酷的数据可视化作品含源码
3 0
【云+社区年度征文】基于云开发完成小程序用户注册登录
【云+社区年度征文】基于云开发完成小程序用户注册登录
5 0
微软新工具准确率达 80% ,程序员:我谢谢您嘞~
微软宣布推出一种可以提高大型语言模型性能的新工具 Jigsaw。“大型的预训练语言模型(如 GPT-3、Codex 等),可以被调整为从程序员意图的自然语言规范中生成代码。这种自动化模型有可能提高世界上每个程序员的生产力;但是,由于这些模型可能难以理解程序语义,因此所生成的代码的质量不能得到保证。” 根据介绍,Jigsaw 部署了理解程序语法和语义的后处理技术,然后利用用户反馈来提高未来的性能;该工具旨在使用多模式输入为 Python Pandas API 合成代码。
3 0
IDEA maven web项目无法加载css,js,image等一系列路径问题
我们大二班级 刚刚学习maven 控制台输出 和mybatis的时候我提前进入学习的路程自己摸索 maven web开发 遇到了各种配置环境还有运行报错一大堆的问题, 前面的问题都属于环境配置看我之前的博客吧 这里主要讲解路径问题 步入:很多新手按照之前的步骤 部署网站的时候 发现css,js,image,还有各种有关路径的引入都无法显示,因为这些静态资源很有可能被spring拦截 方案:必须在web.xml文件中设置其为可加载资源
4 0
高校学生在家实践ECS弹性云服务器
简单谈谈我这几周使用ECS弹性云服务器的体验感
4 0
iOS 底层原理38:自动化打包(一)Xcode + Shell脚本
iOS 底层原理38:自动化打包(一)Xcode + Shell脚本
5 0
Vue入门 基本使用 与 事务管理【1】
Vue入门 基本使用 与 事务管理【1】
3 0
+关注
20381
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
OceanBase 入门到实战教程
立即下载
阿里云图数据库GDB,加速开启“图智”未来.ppt
立即下载
实时数仓Hologres技术实战一本通2.0版(下)
立即下载