form表单action提交问题详解

时间：2013-10-16 编辑：简简单单来源：一聚教程网

form 提交action中参数无效

页面通过表单（form）想服务器提交数据的时候有两种形式，一个是POST,另一个是GET。两种的一个区别是GET会直接把数据附加在url的后面，而POST发送的数据放置在http包中。form的action属性就是提交数据的url地址，method属性可以指定是GET或POST。

需要注意的是如果采用GET方式，那么action url中参数都会被丢弃，提交时候只会把form中的数据拼接在url向服务器提交；但是POST的方式则不会这样，它会按照action指定的url进行提交数据，包含url后面跟着的参数和参数值

action提交路径问题

我遇到的是Form表单提交到servelet处理时遇到的问题：
（1）

（2）对应的处理用户请求的servlet类为HelloServlet.java；

（3）配置web.xml文件：

代码如下

复制代码

③servlet
/HelloServlet

③servlet
/①welcome

然后在login.jsp中应该是：

这样的话login.jsp的url是http://localhost:8080/jsp/login.jsp

而HelloServlet.java的url是http://localhost:8080/jsp/welcome

注:web.xml中③对应的两个servlet-name要一致；①中的url-pattern要与form表单中的action属性值一致。

form表单action重复提交

在做一个jsp提交页面时，数据莫名其妙提交2次，数据库数据插入2次，开始只把注意力集中在提交到Servlet里，做了很多测试，折腾半天，才测试出来：根本不是Servlet的问题！问题出在jsp页面上。jsp页面的提交事件导致自动提交了2次。
form表单的js判断函数只返回false，忘记写返回true，真是郁闷死。就像下面这样：

代码如下	复制代码
function check() { if(""==document.myform.name.value) {//作业名称 window.alert("请先填写作业名称！"); document.myform.name.focus(); $(".name").next().show(); return false; //离开函数 } }

提交按钮 onclick="javascript:return(checkform());"
上面的check()函数由于缺少return true，导致form表单action重复提交2次。
搜索一下，网上很多人遇到form表单action重复提交2次的问题，原因都是大同小异：
如下
1.

代码如下	复制代码
(1)或者图片 (2)if(usernameValue !== "" && passwordValue !== ""){ //document.getElementById("loginForm").submit(); 如果写了这行就提交了2次。 return true; }

2.jsp页面有些链接地址是""
如：

代码如下	复制代码
" rel="stylesheet" />

主要就是连接不能为空。
3.
最近在做一个JAVA项目，发现在登陆页面点击登陆之后都会执行2次ACTION的代码，跟踪了2天终于找到问题的根源：
在登陆页面LOGIN.JSP中，如果提交按钮写成如下的方式则会提交两次：

代码如下

复制代码

//问题出在这一行

submit类型本身就会提交到ACTION类；onclick方法中又调用了一次submit提交方法，所以导致执行了两次ACTION的代码。

解决方式：

代码如下	复制代码

上一个： DEDECMS显示英文日期时间方法
下一个： js获取光标在输入框的位置实例

推荐专题

最新下载

热门教程

form表单action提交问题详解

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程