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 相关文章推荐
jQuery 图像裁剪插件Jcrop的简单使用
May 22 Javascript
Jquery Ajax的Get方式时需要注意URL地方
Apr 07 Javascript
javascript实现上传图片并预览的效果实现代码
Apr 11 Javascript
JavaScript中的常见问题解决方法(乱码,IE缓存,代理)
Nov 28 Javascript
用jquery等比例控制图片宽高的具体实现
Jan 28 Javascript
浅谈JavaScript的Polymer框架中的事件绑定
Jul 29 Javascript
微信小程序开发(一) 微信登录流程详解
Jan 11 Javascript
AngularJS 控制器 controller的详解
Oct 17 Javascript
小程序兼容安卓和IOS数据处理问题及坑
Sep 18 Javascript
浅谈TypeScript 用 Webpack/ts-node 运行的配置记录
Oct 11 Javascript
Vue两种组件类型:递归组件和动态组件的用法
Aug 06 Javascript
H5 js点击按钮复制文本到粘贴板
Nov 19 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
杏林同学录(二)
2006/10/09 PHP
Swoole实现异步投递task任务案例详解
2019/04/02 PHP
js判断变量是否空值的代码
2008/10/26 Javascript
js实现俄罗斯方块小游戏分享
2014/01/31 Javascript
jQuery中;function($,undefined) 前面的分号的用处
2014/12/17 Javascript
jQuery使用fadein方法实现渐出效果实例
2015/03/27 Javascript
JS实现仿QQ面板的手风琴效果折叠菜单代码
2015/09/11 Javascript
javascript给span标签赋值的方法
2015/11/26 Javascript
jQuery实现的仿百度,仿谷歌搜索下拉框效果示例
2016/12/30 Javascript
微信小程序中子页面向父页面传值实例详解
2017/03/20 Javascript
NodeJS 实现手机短信验证模块阿里大于功能
2017/06/19 NodeJs
Angular4学习笔记之新建项目的方法
2017/07/18 Javascript
seajs中模块依赖的加载处理实例分析
2017/10/10 Javascript
vue多页面开发和打包正确处理方法
2018/04/20 Javascript
Layui数据表格之获取表格中所有的数据方法
2018/08/20 Javascript
Vue 重置组件到初始状态的方法示例
2018/10/10 Javascript
Mint UI实现A-Z字母排序的城市选择列表
2018/12/28 Javascript
详解微信UnionID作用
2019/05/15 Javascript
pymongo实现控制mongodb中数字字段做加法的方法
2015/03/26 Python
python Django批量导入数据
2016/03/25 Python
深入解答关于Python的11道基本面试题
2017/04/01 Python
python先序遍历二叉树问题
2017/11/10 Python
用Python写王者荣耀刷金币脚本
2017/12/21 Python
Python爬虫实现百度图片自动下载
2018/02/04 Python
python3.x 将byte转成字符串的方法
2018/07/17 Python
Python图像处理之图像的读取、显示与保存操作【测试可用】
2019/01/04 Python
python time.sleep()是睡眠线程还是进程
2019/07/09 Python
Python计算信息熵实例
2020/06/18 Python
中国旅游网站:同程旅游
2016/09/11 全球购物
使用索引(Index)有哪些需要考虑的因素
2016/10/19 面试题
银行会计业务的个人自我评价
2013/11/02 职场文书
自我评价怎么写好呢?
2013/12/05 职场文书
生产部经理岗位职责
2013/12/16 职场文书
委托开发合同书(标准版)
2019/08/07 职场文书
MySQL三种方式实现递归查询
2022/04/18 MySQL
MySQL远程无法连接的一些常见原因总结
2022/09/23 MySQL