Javascript 同时提交多个Web表单的方法

时间:2024-04-19 10:06:45 

比如一个详细的简历信息页面分 1、个人资料 2、工作经验 3、项目经验 4、其他信息 4个表单。
一般的需求是允许用户单独提交其中任何一个表单到下一个页面进行修改操作(也就是说页面有4个不同的修改按钮,点击哪个按钮则只提交某一个表单的数据到服务器,并根据表单的action)。
现在有这样的需求,允许用户选择其中任意的一个或多个表单进行提交修改,这样的话在客户端如何提交表单?
声明:可能会有人说将4个表单合成一个大表单,根据修改按钮的不同在服务器端进行不同的数据操作即可。这是一种解决办法,但考虑到页面数据量比较大,为了提高效率,减少数据传输量,还是希望能够分成多个表单提交,所以这个办法暂不考虑。
是不是一定要用js或ajax?如果不用呢?

2 个人观点
1 用Ajax提交,比如prototype
new Ajax.Request();
你可以同时调用多个,默认是异步提交,所以可以同时提交多个表单,这个方案是最简单的。
2 使用多个iframe,然后将每个表单的target指向不同的iframe
然后用js的
document.getElementById("form1").submit();
document.getElementById("form2").submit();
。。。
这个样子进行提交。

3 两个方法的对比
Ajax方便简单,对结果的处理也比较省事,框架都替我们做好了,但不能跨域提交
iframe最符合一般的使用,也可以跨域提交,处理返回结果稍微麻烦些,需要在iframe里面使用 parent.进行调用才可以。

标签:Javascript,同时提交,Web表单
0
投稿

猜你喜欢

  • Python的Django中将文件上传至七牛云存储的代码分享

    2023-11-28 14:00:24
  • 用C++封装MySQL的API的教程

    2024-01-25 07:51:51
  • RS.GETROWS使用详解

    2008-01-16 13:21:00
  • 一个ASP.NET的MYSQL的数据库操作类自己封装的

    2024-01-17 16:43:21
  • 基于RequireJS和JQuery的模块化编程日常问题解析

    2024-04-19 10:17:04
  • 在MAC OS X上安装MYSQL

    2024-01-28 17:25:46
  • Bootstrap实现响应式导航栏效果

    2023-08-13 15:32:13
  • Python 学习教程之networkx

    2023-10-11 01:49:07
  • python学习Selenium介绍及安装部署详解

    2021-02-09 21:56:58
  • js实现上下左右弹框划出效果

    2024-05-08 09:32:31
  • 对Python信号处理模块signal详解

    2021-08-20 04:06:11
  • thinkphp实现发送邮件密码找回功能实例

    2024-05-02 17:16:54
  • 浅谈关于axios和session的一些事

    2024-05-11 09:49:33
  • PHP中CURL的几个经典应用实例

    2024-05-03 15:03:40
  • 基于javascript实现九宫格大转盘效果

    2024-04-17 10:33:13
  • YUI Grids CSS 解读

    2008-05-28 12:49:00
  • js RuntimeObject() 获取ie里面自定义函数或者属性的集合

    2024-04-22 13:06:34
  • python远程连接MySQL数据库

    2024-01-19 13:53:29
  • Python脚本修改阿里云的访问控制列表的方法

    2022-06-19 10:31:18
  • Python图像处理之gif动态图的解析与合成操作详解

    2022-09-27 18:19:51
  • asp之家 网络编程 m.aspxhome.com