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 相关文章推荐
json格式化/压缩工具 Chrome插件扩展版
May 25 Javascript
jquery 使用点滴函数代码
May 20 Javascript
Lab.js初次使用笔记
Feb 28 Javascript
jQuery实现的文字hover颜色渐变效果实例
Feb 20 Javascript
深入理解js中this的用法
May 28 Javascript
JS+HTML5手机开发之滚动和惯性缓动实现方法分析
Jun 12 Javascript
详解AngularJS如何实现跨域请求
Aug 22 Javascript
js友好的时间返回函数
Aug 24 Javascript
关于使用axios的一些心得技巧分享
Jul 02 Javascript
使用JavaScript获取扫码枪扫描得到的条形码的思路代码详解
Jun 10 Javascript
解决vue项目axios每次请求session不一致的问题
Oct 24 Javascript
js前端设计模式优化50%表单校验代码示例
Jun 21 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
mongo Table类文件 获取MongoCursor(游标)的实现方法分析
2013/07/01 PHP
PHP使用CURL_MULTI实现多线程采集的例子
2014/07/29 PHP
php中有关合并某一字段键值相同的数组合并的改进
2015/03/10 PHP
PHP xpath()函数讲解
2019/02/11 PHP
tp5框架前台无限极导航菜单类实现方法分析
2020/03/29 PHP
提高网站信任度的技巧
2008/10/17 Javascript
contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
2011/09/13 Javascript
js弹出窗口之弹出层的小例子
2013/06/17 Javascript
JavaScript闭包函数访问外部变量的方法
2014/08/27 Javascript
JavaScript随机生成信用卡卡号的方法
2015/04/07 Javascript
JavaScript获取DOM元素的11种方法总结
2015/04/25 Javascript
EasyUi combotree 实现动态加载树节点
2016/04/01 Javascript
JavaScript中误用/g导致的正则test()无法正确重复执行的解决方案
2016/07/27 Javascript
详解Vue2.0之去掉组件click事件的native修饰
2017/04/20 Javascript
利用JS实现简单的瀑布流加载图片效果
2017/04/22 Javascript
基于jQuery实现手风琴菜单、层级菜单、置顶菜单、无缝滚动效果
2017/07/20 jQuery
Extjs 中的 Treepanel 实现菜单级联选中效果及实例代码
2017/08/22 Javascript
详解angularjs popup-table 弹出框表格指令
2017/09/20 Javascript
Angular CLI在Angular项目中如何使用scss详解
2018/04/10 Javascript
微信小程序实现笑脸评分功能
2018/11/03 Javascript
electron + vue项目实现打印小票功能及实现代码
2018/11/25 Javascript
vue 使用axios 数据请求第三方插件的使用教程详解
2019/07/05 Javascript
node.js使用mongoose操作数据库实现购物车的增、删、改、查功能示例
2019/12/23 Javascript
python实现DES加密解密方法实例详解
2015/06/30 Python
Django中redis的使用方法(包括安装、配置、启动)
2018/02/21 Python
python opencv 直方图反向投影的方法
2018/02/24 Python
利用Python进行图像的加法,图像混合(附代码)
2019/07/14 Python
Python解决pip install时出现的Could not fetch URL问题
2019/08/01 Python
python 内置函数汇总详解
2019/09/16 Python
Django微信小程序后台开发教程的实现
2020/06/03 Python
给Django Admin添加验证码和多次登录尝试限制的实现
2020/07/26 Python
微软美国官方网站:Microsoft美国
2018/05/10 全球购物
点菜员岗位职责范本
2014/02/14 职场文书
2015年车间主任工作总结
2015/05/21 职场文书
python将图片转为矢量图的方法步骤
2021/03/30 Python
mybatis调用sqlserver存储过程返回结果集的方法
2021/05/08 SQL Server