开发者社区> 余二五> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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

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

相关文章
基于 jQuery 实现的精致作品集图片导航效果
  今天,我们要用 jQuery 来创建一个作品集图像的导航模板。我们的想法是,以分组的方式显示一组作品集,并通过二维的方式(水平/垂直)来浏览。任一箭头或当前图像下方的小盒子可以作为导航使用。     在线演示     下载源码   您可能感兴趣的相关文章 网站开发中很有...
780 0
分享8款精美的jQuery图片播放插件
本文将和大家一起分享8款精美的jQuery图片播放插件,每一款插件均有演示和源码下载,有兴趣的朋友可以下载使用和研究。废话不多说了,直接上这些插件。 1、3D轮播相册 这款3D相册插件利用了HTML5特性,让相片播放具有了3D效果,浏览器有限制哦。
1116 0
Croppic – 免费开源的 jQuery 图片裁剪插件
  Croppic 这款开源的 jQuery 图片裁剪插件能够满足网站开发人员各种不同的使用需要。只需要简单的上传图片,就可以实现你想要的图像缩放和裁剪功能。因为使用了 HTML5 FormData  对象,所以目前只支持 IE 10+、Chrome 和 Firefox 等现代浏览器。
1087 0
TwentyTwenty – 使用 jQuery 实现图片对比功能
  这是一款非常棒的图片对比工具,能够方便的应用到你的网站中。其基本思路是把两张图片层叠在一起,当你拖动滑竿的时候,利用 CSS clip 裁剪图片,进行形成视觉对比效果。 您可能感兴趣的相关文章 Metronic – 基于 Bootstrap 响应式后台管理模板 HTML Inspec...
1005 0
基于jquery的图片展示--卡牌翻转效果
原文 http://www.cnblogs.com/daynow/archive/2013/04/29/3051233.html   卡牌翻转效果是一种很好玩的效果,是我用Jquery实现的一种效果,跟Flash实现的效果几乎一模一样。
1161 0
网站项目必备——12款经典的白富美型 jQuery 图片轮播插件
  图片轮播是网站中的常用功能,用于在有限的网页空间内展示一组产品图片或者照片,同时还有非常吸引人的动画效果。本文向大家推荐12款实用的 jQuery 图片轮播效果插件,帮助你在你的项目中加入一些效果精美的图片轮播效果,希望这些插件能够帮助到你。
1715 0
[转贴]使用jQuery自动缩图片 - [jQuery]
具体思路: 通过具体容器取得容器内所有图片 循环检查所有图片长宽 对超过的图重新定高度. 直接写成一个扩展好了,以后可以直接用. jquery.fn.ImageAutoSize = function(width,height){    $("img",this).
896 0
+关注
文章
问答
文章排行榜
最热
最新
相关课程
更多
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载