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


Posted in Javascript onFebruary 19, 2009

比如一个详细的简历信息页面分 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 相关文章推荐
鼠标放在图片上显示大图的JS代码
Mar 26 Javascript
JS中attr和prop属性的区别以及优先选择示例介绍
Jun 30 Javascript
js控制div弹出层实现方法
May 11 Javascript
jQuery选择器基础入门教程
May 10 Javascript
js canvas实现擦除动画
Jul 16 Javascript
灵活使用数组制作图片切换js实现
Jul 28 Javascript
Google 地图类型详解及示例代码
Aug 06 Javascript
JS中script标签defer和async属性的区别详解
Aug 12 Javascript
JS与HTML结合实现流程进度展示条思路详解
Sep 03 Javascript
JavaScript 数组去重并统计重复元素出现的次数实例
Dec 14 Javascript
vue进行图片的预加载watch用法实例讲解
Feb 07 Javascript
jQuery 隐藏/显示效果函数用法实例分析
May 20 jQuery
javascript function、指针及内置对象
Feb 19 #Javascript
csdn 批量接受好友邀请
Feb 19 #Javascript
判断多个元素(RADIO,CHECKBOX等)是否被选择的原理说明
Feb 18 #Javascript
JAVASCRIPT IE 与 FF中兼容问题小结
Feb 18 #Javascript
javascript css在IE和Firefox中区别分析
Feb 18 #Javascript
js表数据排序 sort table data
Feb 18 #Javascript
js window.event对象详尽解析
Feb 17 #Javascript
You might like
PHP与javascript的两种交互方式
2006/10/09 PHP
php源码加密 仿微盾PHP加密专家(PHPCodeLock)
2010/05/06 PHP
php格式输出文件var_export函数实例
2014/11/15 PHP
PHP常用的三种设计模式汇总
2016/08/28 PHP
PHP中phar包的使用教程
2017/06/14 PHP
PHP实现的日历功能示例
2018/09/01 PHP
YII2框架中查询生成器Query()的使用方法示例
2020/03/18 PHP
JavaScript的面向对象方法以及差别
2008/03/31 Javascript
JavaScript对数字的判断与处理实例分析
2015/02/02 Javascript
jquery中ready()函数执行的时机和window的load事件比较
2015/06/22 Javascript
JavaScript实现99乘法表及隔行变色实例代码
2016/02/24 Javascript
总结Node.js中的一些错误类型
2016/08/15 Javascript
AngularJS变量及过滤器Filter用法分析
2016/11/22 Javascript
使用Promise链式调用解决多个异步回调的问题
2017/01/15 Javascript
基于JS实现翻书效果的页面切换样式
2017/02/16 Javascript
浅谈实现vue2.0响应式的基本思路
2018/02/13 Javascript
微信小程序用户信息encryptedData详解
2018/08/24 Javascript
node.js环境搭建图文详解
2018/09/19 Javascript
简单了解TypeScript中如何继承 Error 类
2019/06/21 Javascript
javascript 关于赋值、浅拷贝、深拷贝的个人理解
2019/11/01 Javascript
JavaScript实现电灯开关小案例
2020/03/30 Javascript
[46:09]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS VG第三场
2014/05/26 DOTA
python 编码规范整理
2018/05/05 Python
python中多层嵌套列表的拆分方法
2018/07/02 Python
利用Python进行数据可视化常见的9种方法!超实用!
2018/07/11 Python
使用Python编写Prometheus监控的方法
2018/10/15 Python
德国最大的网上鞋店之一:Schuhe24.de
2017/06/10 全球购物
阿里健康大药房:阿里自营网上药店
2017/08/01 全球购物
Timberland德国官网:靴子、鞋子、衣服、夹克及配件
2019/12/10 全球购物
行政助理岗位职责
2013/11/10 职场文书
演讲稿开场白
2014/01/13 职场文书
课改先进个人汇报材料
2014/01/26 职场文书
十佳美德少年事迹材料
2014/02/05 职场文书
感恩老师的演讲稿
2014/05/06 职场文书
小学教师师德演讲稿
2014/05/06 职场文书
2014年作风建设心得体会
2014/10/22 职场文书