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实现检测浏览器及版本的脚本代码
Jan 22 Javascript
JavaScript 对象成员的可见性说明
Oct 16 Javascript
javascript中的107个基础知识收集整理 推荐
Mar 29 Javascript
Javascript 命名空间模式
Nov 01 Javascript
javascript实现节点(div)名称编辑
Dec 17 Javascript
js实现二级导航功能
Mar 03 Javascript
Angular2进阶之如何避免Dom误区
Apr 02 Javascript
使用taro开发微信小程序遇到的坑总结
Apr 08 Javascript
webpack3升级到webpack4遇到问题总结
Sep 30 Javascript
vue实现商品列表的添加删除实例讲解
May 14 Javascript
原生js实现html手机端城市列表索引选择城市
Jun 24 Javascript
js获取图片的base64编码并压缩
Dec 05 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扩展图文教程
2008/12/12 PHP
PHP用mysql数据库存储session的代码
2010/03/05 PHP
php模板中出现空行解决方法
2011/03/08 PHP
那些年一起学习的PHP(一)
2012/03/21 PHP
PHP多文件上传实例
2015/07/09 PHP
javascript高亮效果的二种实现方法
2008/09/14 Javascript
js变换显示图片的实例
2013/04/16 Javascript
关闭浏览器窗口弹出提示框并且可以控制其失效
2014/04/15 Javascript
jQuery结合HTML5制作的爱心树表白动画
2015/02/01 Javascript
jQuery插件kinMaxShow扩展效果用法实例
2015/05/04 Javascript
jquery实现图片上传之前预览的方法
2015/07/11 Javascript
js中通过getElementsByName访问name集合对象的方法
2016/10/31 Javascript
利用jQuery来动态为属性添加或者删除属性的简单方法
2016/12/02 Javascript
利用prop-types第三方库对组件的props中的变量进行类型检测
2017/05/02 Javascript
浅析Visual Studio Code断点调试Vue
2018/02/27 Javascript
js防抖函数和节流函数使用场景和实现区别示例分析
2020/04/11 Javascript
js 压缩图片的示例(只缩小体积,不更改图片尺寸)
2020/10/21 Javascript
[06:48]DOTA2-DPC中国联赛2月26日Recap集锦
2021/03/11 DOTA
用Python脚本来删除指定容量以上的文件的教程
2015/05/04 Python
spark dataframe 将一列展开,把该列所有值都变成新列的方法
2019/01/29 Python
python基于FTP实现文件传输相关功能代码实例
2019/09/28 Python
Python浮点型(float)运算结果不正确的解决方案
2020/09/22 Python
解决CSS3的opacity属性带来的层叠顺序问题
2016/05/09 HTML / CSS
C/C++有关内存的思考题
2015/12/04 面试题
业务主管岗位职责
2013/11/20 职场文书
宗教学大学生职业生涯规划范文
2014/02/08 职场文书
房地产财务部员工岗位职责
2014/03/12 职场文书
企业标语口号
2014/06/10 职场文书
2014年政风行风工作总结
2014/11/22 职场文书
夫妻分居协议书范本
2014/11/28 职场文书
2015年学校远程教育工作总结
2015/07/20 职场文书
教你如何用python开发一款数字推盘小游戏
2021/04/14 Python
使用redis生成唯一编号及原理示例详解
2021/09/15 Redis
详解JavaScript的计时器和按钮效果设置
2022/02/18 Javascript
Win11怎么跳过联网验机 ?Win11跳过联网验机激活教程
2022/04/05 数码科技
不负正版帝国之名 《重返帝国》引领SLG手游制作新的标杆
2022/04/07 其他游戏