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 相关文章推荐
javascript之可拖动的iframe效果代码
Aug 01 Javascript
实现png图片和png背景透明(支持多浏览器)的方法
Sep 08 Javascript
JavaScript中的Array对象使用说明
Jan 17 Javascript
禁止空格提交表单的js代码
Nov 17 Javascript
JS字符串拼接在ie中都报错的解决方法
Mar 27 Javascript
jQuery实现点击任意位置弹出层外关闭弹出层效果
Oct 19 Javascript
js正则表达式最长匹配(贪婪匹配)和最短匹配(懒惰匹配)用法分析
Dec 27 Javascript
详解webpack之scss和postcss-loader的配置
Jan 09 Javascript
vue+webpack实现异步组件加载的方法
Feb 03 Javascript
VUE Error: getaddrinfo ENOTFOUND localhost
May 03 Javascript
javascript实现移动端上传图片功能
Aug 18 Javascript
JS数组转字符串实现方法解析
Sep 04 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
PHP获取php,mysql,apche的版本信息及更多服务器信息
2021/03/09 PHP
跟着Jquery API学Jquery之一 选择器
2010/04/07 Javascript
一个原生的用户等级的进度条
2010/07/03 Javascript
jquery获取iframe中的dom对象(两种方法)
2013/07/02 Javascript
JavaScript学习心得之概述
2015/01/20 Javascript
JavaScript使用RegExp进行正则匹配的方法
2015/07/11 Javascript
css如何让浮动元素水平居中
2015/08/07 Javascript
纯javascript响应式树形菜单效果
2015/11/10 Javascript
BootStrap的table表头固定tbody滚动的实例代码
2016/08/24 Javascript
JS查找字符串中出现次数最多的字符
2016/09/05 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(同步显示图像位置信息)
2016/12/02 Javascript
通过sails和阿里大于实现短信验证
2017/01/04 Javascript
原生JS获取元素的位置与尺寸实现方法
2017/10/18 Javascript
基于VUE移动音乐WEBAPP跨域请求失败的解决方法
2018/01/16 Javascript
Vue动态获取width的方法
2018/08/22 Javascript
使用Karma做vue组件单元测试的实现
2020/01/16 Javascript
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
2020/09/27 Javascript
Python中如何优雅的合并两个字典(dict)方法示例
2017/08/09 Python
python3 tcp的粘包现象和解决办法解析
2019/12/09 Python
解决TensorFlow GPU版出现OOM错误的问题
2020/02/03 Python
什么是Python变量作用域
2020/06/03 Python
欧洲最大的笔和书写专家:The Pen Shop
2017/03/19 全球购物
JD Sports比利时官网:英国领先的运动鞋和运动服饰零售商
2018/10/10 全球购物
Myprotein中国网站:欧洲畅销运动营养品牌
2021/02/11 全球购物
异步传递消息系统的作用
2016/05/01 面试题
优秀应届毕业生推荐信
2014/02/18 职场文书
祖国在我心中演讲稿400字
2014/05/04 职场文书
2015年安康杯竞赛活动总结
2015/03/26 职场文书
休假证明书
2015/06/24 职场文书
如何写好闭幕词
2019/04/02 职场文书
2019学生会干事辞职信
2019/06/27 职场文书
2019年幼儿园管理条例范本!
2019/07/17 职场文书
pytorch中的model.eval()和BN层的使用
2021/05/22 Python
详解MySQL中的pid与socket
2021/06/15 MySQL
详解MongoDB的条件查询和排序
2021/06/23 MongoDB
详解Python如何批量采集京东商品数据流程
2022/01/22 Python