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 相关文章推荐
Prototype Object对象 学习
Jul 12 Javascript
jquery JSON的解析方式
Jul 25 Javascript
调用innerHTML之后onclick失效问题的解决方法
Jan 28 Javascript
ie8下修改input的type属性报错的解决方法
Sep 16 Javascript
JavaScript实现继承的4种方法总结
Oct 16 Javascript
JavaScript几种数组去掉重复值的方法推荐
Apr 12 Javascript
深入理解Vuex 模块化(module)
Sep 26 Javascript
jquery写出PC端轮播图实例
Jan 26 jQuery
vue 实现搜索的结果页面支持全选与取消全选功能
May 10 Javascript
JavaScript的Proxy可以做哪些有意思的事儿
Jun 15 Javascript
在layui中对table中的数据进行判断(0、1)转换为提示信息的方法
Sep 28 Javascript
Vue的自定义组件不能使用click方法的解决
Jul 28 Javascript
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
水质对咖图啡风味的影响具体有哪些
2021/03/03 冲泡冲煮
PHP求小于1000的所有水仙花数的代码
2012/01/10 PHP
PHP防范SQL注入的具体方法详解(测试通过)
2014/05/09 PHP
PHP的Yii框架使用中的一些错误解决方法与建议
2015/08/21 PHP
基于PHP微信红包的算法探讨
2016/07/21 PHP
转自Jquery官方 jQuery1.1.3发布,速度提升800%,体积保持20K
2007/08/19 Javascript
JS 操作符整理[推荐收藏]
2011/11/15 Javascript
THREE.JS入门教程(6)创建自己的全景图实现步骤
2013/01/25 Javascript
『jQuery』名称冲突使用noConflict方法解决
2013/04/22 Javascript
js加减乘除丢失精度问题解决方法
2014/05/16 Javascript
让javascript加载速度倍增的方法(解决JS加载速度慢的问题)
2014/12/12 Javascript
JS判断是否长按某一键的方法
2016/03/02 Javascript
Vue 固定头 固定列 点击表头可排序的表格组件
2016/11/25 Javascript
jQuery基于ajax实现页面加载后检查用户登录状态的方法
2017/02/10 Javascript
vuejs响应用户事件(如点击事件)
2017/03/14 Javascript
解决vue中监听input只能输入数字及英文或者其他情况的问题
2018/08/30 Javascript
基于JavaScript canvas绘制贝塞尔曲线
2018/12/25 Javascript
微信JS-SDK实现微信会员卡功能(给用户微信卡包里发送会员卡)
2019/07/25 Javascript
[02:36]DOTA2英雄基础教程 帕格纳
2014/01/20 DOTA
Python使用multiprocessing实现一个最简单的分布式作业调度系统
2016/03/14 Python
浅析Python中return和finally共同挖的坑
2017/08/18 Python
Python实现的朴素贝叶斯算法经典示例【测试可用】
2018/06/13 Python
详解Python中的正则表达式
2018/07/08 Python
对python 中re.sub,replace(),strip()的区别详解
2019/07/22 Python
Python中的延迟绑定原理详解
2019/10/11 Python
使用Python的networkx绘制精美网络图教程
2019/11/21 Python
django实现HttpResponse返回json数据为中文
2020/03/27 Python
瑞典灯具和照明网上商店:Lamp24.se
2018/03/17 全球购物
WWE美国职业摔角官方商店:WWE Shop
2018/11/15 全球购物
户外婚礼策划方案
2014/02/08 职场文书
手术室护士长竞聘书
2014/03/31 职场文书
股东合作协议书范本
2014/04/14 职场文书
三严三实心得体会范文
2014/10/13 职场文书
司机岗位职责范本
2015/04/10 职场文书
PHP RabbitMQ消息列队
2022/05/11 PHP
python读取mat文件生成h5文件的实现
2022/07/15 Python