热门IT资讯网

用jquery提交多个表单的数据

发表于:2024-11-26 作者:热门IT资讯网编辑
编辑最后更新 2024年11月26日,其实对于jquery我也算是菜鸟,有些东西在别人看来很简单,一到我这里就觉得很神奇了。最后搞公司的一个系统,里面有很多表单提交,AJAX,其中遇到一个问题让我对jquery更感神奇了。页面上有4个表单

其实对于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. });

第五行是亮点哈:)

0