提交form表单数据到服务器端(如果表单中的元素不设置name属性，是否能把数据提交到服务器端呢?)

最新推荐文章于 2023-02-15 15:24:10 发布

程宇寒

最新推荐文章于 2023-02-15 15:24:10 发布

阅读量4.8k

点赞数 2

文章标签：提交form表单数据提交到servlet jsp javaWeb开发复选框checkbox

本文链接：https://blog.csdn.net/czh500/article/details/88579887

版权

提交form表单数据到服务器端(如果表单中的元素不设置name属性，是否能把数据提交到服务器端呢?)

在如下案例中，是把表单数据提交到服务器端的servlet中

注意：

1.只有设置了 name 属性的表单元素才能在提交表单时传递它们的值

2.虽然复选框设置了 name属性，但是如果复选框不选中，是不会提交到服务器端的，只有选中了的复选框，才会提交到服务器端

直接po截图和代码

下面是CheckFormDemo.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>验证表单的案例</title>
<link rel="stylesheet" type="text/css" href="../css/body.css"/>
<script type="text/javascript" src="jsCheckDateDemo.js"></script>
</head>
<body>
<h1>验证表单的案例</h1>
<form name="form1" id="f1" action="../TestForm" method="get">
姓名：<input type="text" name="userName" id="uName">
<br/>
年龄：<input type="text" name="age" id="uAge">
<br/>
密码：<input type="password" name="pwd" id="myPwd">
<br/>
重复密码：<input type="password" name="repeatPwd" id="myRepeatPwd">
<br/>
<!-- 
虽然复选框设置了 name属性，但是如果复选框不选中，是不会提交到服务器端的，只
有选中了的复选框，才会提交到服务器端
 -->
爱好：<input type="checkbox" name="hobby" id="myHobby" value="football">足球
<input type="checkbox" name="hobby" id="myHobby" value="badminton">羽毛球
<input type="checkbox" name="hobby" id="myHobby" value="basketball">篮球
<input type="checkbox" name="hobby" id="myHobby" value="billiards">台球
<br/>
备注：<textarea rows="3" cols="30" id="remarks"></textarea>
<br/>
<!-- 只有设置了 name 属性的表单元素才能在提交表单时传递它们的值 -->
测试字段:<input type="text" id="test" value="本文本框故意不设置name属性，看服务器端能不能接收到">
<br/>
<!-- 
onclick="checkForm();"这句话中的;分号也可以省略不写，但是如果有多行js代
码的话，那就要在每行js代码后面加上;分号，最后一行js代码后面可以不写;分号，也可以写上;分号
 -->
<input type="button" value="js验证表单" onclick="checkForm();">
<input type="submit" value="提交到servlet">
</form>
</body>
</html>

下面是名字叫TestForm的servlet

package com.servlet;

import java.io.IOException;
import java.util.Enumeration;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * 测试从客户端中提交到服务器端中的参数有哪些?
 */
@WebServlet("/TestForm")
public class TestForm extends HttpServlet {
	private static final long serialVersionUID = 1L;

	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		Enumeration<String> parameterNames = request.getParameterNames();
		while (parameterNames.hasMoreElements()) {
			String parameterName =  parameterNames.nextElement();
			System.out.println("参数名：" + parameterName);
		}
	}

	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		doGet(request, response);
	}

}