作家
登录

Javascript 同时提交多个Web表单的方法

作者: 来源:www.28hudong.com 2013-03-30 02:43:26 阅读 我要评论

比如一个详细的简历信息页面分 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.进行调用才可以。

  推荐阅读

  js window.event对象详尽解析

event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等。 event对象只在事件发生的过程中才有效。 event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 onmo>>>详细阅读


本文标题:Javascript 同时提交多个Web表单的方法

地址:http://www.17bianji.com/kaifa2/JS/28949.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)