当前位置: 代码迷 >> Java Web开发 >> (请问-讨论)web页面怎么动态提交多个表单
  详细解决方案

(请问-讨论)web页面怎么动态提交多个表单

热度:599   发布时间:2016-04-17 17:19:11.0
(请教-讨论)web页面如何动态提交多个表单?
web页面里有多个表单,每个表单对应着某一类数据操作。
比如一个详细的简历信息页面分 1、个人资料 2、工作经验 3、项目经验 4、其他信息 4个表单。
一般的需求是允许用户单独提交其中任何一个表单到下一个页面进行修改操作(也就是说页面有4个不同的修改按钮,点击哪个按钮则只提交某一个表单的数据到服务器,并根据表单的action)。
现在有这样的需求,允许用户选择其中任意的一个或多个表单进行提交修改,这样的话在客户端如何提交表单?
声明:可能会有人说将4个表单合成一个大表单,根据修改按钮的不同在服务器端进行不同的数据操作即可。这是一种解决办法,但考虑到页面数据量比较大,为了提高效率,减少数据传输量,还是希望能够分成多个表单提交,所以这个办法暂不考虑。
是不是一定要用js或ajax?如果不用呢?
哪位朋友有这方面的经验,请赐教,感激不尽!

------解决方案--------------------
1、将form的target属性设置为不同的iframe(隐藏的)来接收应答页面,这样可以不刷新这几个表单所在的页面,然后写一段js代码对每个form执行submit操作就都提交了;
2、如14楼,每个表单放在一个独立的ifame里面,写一段js代码对每个ifame里的form执行submit操作就都提交了。

应该是可以的,第二种很久以前试过。
------解决方案--------------------
有好几中方法:
1。使用Ajax来提交表单数据
2。在页面中使用一个隐藏的IFrame,将所有的Form的target都指向这个Iframe,在那个Iframe的页面里统一进行数据保存。
 当然如果每个form的数据都作不同的事情,那也可以每个form作一个iframe。

 :)
------解决方案--------------------
为什么大家都盯着ajax呢,其实这题很简单。换个思路,用服务器端就可以处理。

在画面上隐藏一个iframe。然后把4个表单依次提交(或选择提交都可),再提交成功后,整个画面在转向就行了。几乎不需要修改,也没太多js。
------解决方案--------------------
是否必用Ajax,取决于一个条件:
"现在有这样的需求,允许用户选择其中任意的一个或多个表单进行提交修改"----在上面所说的修改请求提交以后,你的原页面是否能有刷新变化?否的话,就必须用Ajax。
------解决方案--------------------
用js拿到拼接字符串啊,写起来很混乱,很爽的,最喜欢这样写了.
不用submit用button提交
把每个form里的值都用getElementById().value拿到手
每个form里的东西的个数是一定的嘛
到了服务端用split再判断处理一下就行了,就知道哪几个form是用户填了信息进去的了
------解决方案--------------------
探讨
web页面里有多个表单,每个表单对应着某一类数据操作。
比如一个详细的简历信息页面分 1、个人资料 2、工作经验 3、项目经验 4、其他信息 4个表单。
一般的需求是允许用户单独提交其中任何一个表单到下一个页面进行修改操作(也就是说页面有4个不同的修改按钮,点击哪个按钮则只提交某一个表单的数据到服务器,并根据表单的action)。
现在有这样的需求,允许用户选择其中任意的一个或多个表单进行提交修改…

------解决方案--------------------
使用Javascript同时提交多个Web表单的方法
  相关解决方案