表单中多个请求参数名字相同，服务器到底获取的是哪个请求参数的值，表单的action和get和post提交方式的关系以及提交数据的不同点

最新推荐文章于 2024-03-03 20:20:01 发布
最新推荐文章于 2024-03-03 20:20:01 发布
阅读量4.3k 收藏 5
点赞数 1
分类专栏： 表单提交数据 表单post 表单get 文章标签： 表单post 表单get 表单 表单提交数据 请求参数名字相同
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/czh500/article/details/79318224
版权

直接看代码和截图吧，代码中有注释，还有文字说明！

表单get提交和post提交，一个很大的不同点大家都应该知道，post提交，浏览器地址栏中不会明文显示，而get提交，浏览器地址栏中会明文显示，这不是我们今天讨论的重点!

今天讨论的重点如下:

1.表单中如果有2个控件的name属性的值相同，服务器端获取请求参数的时候，获取到的是前面的那个请求参数(不信的话，可以用get方式提交表单，在浏览器地址栏看下这2个名字相同的请求参数哪个在前，服务器端拿到的就是前面的那个请求参数)

2.表单的action中带了请求参数的话，post方式会提交action中的请求参数，get方式不会提交action中的请求参数

3.当表单的action中带的请求参数名称和表单中的控件的name属性的值一样时，如果是post提交表单的话，服务器端获取到的是action中带的请求参数，如果是get提交表单的话，那么服务器端获取到的是表单中的控件(原因参考第2点，表单的action中带了请求参数的话，post会提交action中的请求参数，get不会提交action中的请求参数，所以如果是get提交表单的话，服务器端自然是获取到的是表单中的控件中的值)

testForm.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>测试表单的action的get和post方式提交数据的不同，以及测试多个请求参数同名，服务器到底获取的是哪个请求参数的值</title>
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/body.css">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/mark.css">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/input2.css">
</head>
<body οnlοad="showFormInfo()">
	<center>
		<h2>
			<font color="red">测试表单的action的get和post方式提交数据的不同，以及测试多个请求参数同名，服务器到底获取的是哪个请求参数的值</font>
		</h2>
		<div style="height: 90px;" class="testDiv3" id="showFormInfo"></div><br>
		<form id="testForm" action="${pageContext.request.contextPath}/TestForm?onlineName=jerry&workCity=beijing&money=19999&money=36888" method="post">
			用户名:<input type="text" name="userName" value="令狐冲">
			<br> 年龄:<input type="text" name="age" value="23">
			<br> 工作城市:<input type="text" name="workCity" value="深圳">
			<br> 老家城市:<input type="text" name="hometown" value="江西省赣州市于都县">
			<br> 薪水:<input type="text" name="money" value="28500">
			<br>
			员工编号2:<input type="text" name="employeeNumber" value="6688"><br>
			员工编号:<input type="text" name="employeeNumber" value="9527"><br>
			<br> <input type="submit" value="submit按钮提交到服务器端"> <input id="postToServerButton"
				type="button" οnclick="postToServer()"> <input id="getToServerButton" type="button" οnclick="getToServer()"><br><br> <input type="reset"
				value="(重置按钮)本质不是清空控件中的值，而是还原控件中的值">
		</form>
	</center>
</body>
<script type="text/javascript">
	
	//显示表单的信息
	function showFormInfo() {
		var formNode = document.getElementById("testForm");
		var message1 = "表单的action=";
		var message2 = "表单的method提交方式=";
		document.getElementById("showFormInfo").innerHTML = message1
				+ formNode.action + "<br>" + message2 + formNode.method;
		var postButton = document.getElementById("postToServerButton");
		postButton.value = "普通按钮" + "post" + "提交至服务器" + formNode.action;
		var getButton = document.getElementById("getToServerButton");
		getButton.value = "普通按钮" + "get" + "提交至服务器" + formNode.action;
	}
	
	/*
		表单post方式提交到服务器端
	*/
	function postToServer(){
		var formNode = document.getElementById("testForm");
		formNode.method = "post";
		formNode.submit();
	}
	
	/*
		表单get方式提交到服务器端
	*/
	function getToServer(){
		var formNode = document.getElementById("testForm");
		formNode.method = "get";
		formNode.submit();
	}
	
</script>
</html>

TestForm.java

package com.jiongmeng.servlet;

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

/**
 * 
 * 测试表单的action的get和post方式提交数据的不同，以及测试多个请求参
 * 数同名，服务器到底获取的是哪个请求参数的值
 * 
 */
@WebServlet("/TestForm")
public class TestForm extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		//用户名
		String userName = request.getParameter("userName");
		//网名
		String onlineName = request.getParameter("onlineName");
		//年龄
		String age = request.getParameter("age");
		//工作城市
		String workCity = request.getParameter("workCity");
		//老家城市
		String hometown = request.getParameter("hometown");
		//薪水
		String money = request.getParameter("money");
		//员工编号
		String employeeNumber = request.getParameter("employeeNumber");
		System.out.println("用户名=" + userName + "网名=" + onlineName + "年龄=" + age + "工作城市=" + workCity + "家乡=" + hometown + "薪水=" + money + "员工编号=" + employeeNumber);
		request.getRequestDispatcher("/jsp/form/showFormData.jsp").forward(request, response);
	
	}

	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		//解决中文乱码的问题(我们这个项目中的web.xml配置了中文乱码的过滤器处理中文乱码的问题)
		//2个注意 (1.只对post有效，所以该行代码放在doGet方法中没有任何意义 2.必须在request.getParameter()前设置，否则还是会乱码，所以为了保险起见，以后就把该行代码放在第一行)
		//request.setCharacterEncoding("utf-8");
		System.out.println("*******************我是TestForm类中的doPost方法*******************");
		doGet(request, response);
	}

}


showFormData.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>测试表单的action的get和post方式提交数据的不同，以及测试多个请求参数同名，服务器到底获取的是哪个请求参数的值</title>
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/body.css">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/mark.css">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/input2.css">
</head>
<body>
	<center>
		<h2>
			<font color="red">测试表单的action的get和post方式提交数据的不同，以及测试多个请求参数同名，服务器到底获取的是哪个请求参数的值</font>
		</h2>
		<h2>显示从testForm.jsp页面中的表单中提交过来的数据</h2>
		用户名:<font color="red">${param.userName}</font><br>
		网名:<font color="red">${param.onlineName}</font><br>
		年龄:<font color="red">${param.age}</font><br>
		工作城市:<font color="red">${param.workCity}</font><br>
		老家城市:<font color="red">${param.hometown}</font><br>
		薪水:<font color="red">${param.money}</font><br>
		员工编号:<font color="red">${param.employeeNumber}</font><br>
		<br>
		<br>
		<br>
		<div class="testDiv2" style="width: 100%;">
		<h3>
		<font color="blue">
		表单get提交和post提交，一个很大的不同点大家都应该知道，post提交，浏览器地址栏中不会明文显示，而get提交，浏览器地址栏中会明文显示，这不
		是我们今天讨论的重点!
		</font>
		</h3>
		<h3><font color="red">今天讨论的重点如下:</font></h3>
		<font color="#A52A2A">
		1.表单中如果有2个控件的name相同，服务器端获取请求参数的时候，获取到的是前面的那个请求参数(不信的话，可
		以用get方式提交表单，在浏览器地址栏看下这2个名字相同的请求参数哪个在前，服务器端拿到的就是前面的那个请求参数)<br>
		</font>
		2.表单的action中带了请求参数的话，post会提交action中的请求参数，get不会提交action中的请求参数<br>
		<font color="#000000">
		3.当表单的action中带的请求参数名称和表单中的控件的name属性的值一样时，如果是post提交表单的话，服
		务器端获取到的是action中带的请求参数，如果是get提交表单的话，那么服务器端获取到的是表单中的控件(原因参考第2点，表
		单的action中带了请求参数的话，post会提交action中的请求参数，get不会提交action中的请求参数，所以如果是get提
		交表单的话，服务器端自然是获取到的是表单中的控件中的值)<br>
		</font>
		</div>
	</center>
</body>
</html>

程宇寒
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
request请求获取参数的实现方法(post和get两种方式)
09-01
此外，`HttpServletRequest`还提供了其他获取请求参数的方法，如`getParameterNames()`返回所有参数的枚举，`getParameterMap()`返回包含参数名和值的映射，以及`getParameterNames()`遍历请求的所有参数。对于多值...
使用get方式提交表单在地址栏里面不显示提交信息
08-31
在Web开发中，表单提交是用户与服务器交互的关键环节，常见的提交方式有两种：GET和POST。本文将详细探讨GET方式提交表单时，为何有时表单信息不会在地址栏中显示，以及如何解决这个问题。 GET和POST是HTTP协议中的...
Post、Get提交同名参数后台获取问题
qq_34720759的博客
03-29 4656
一次get请求后台获取值时发现接收的值里面有个逗号，查找了很长时间才发现，原来是我在get请求时不小心使用了相同的key值，如WebForm1.aspx?key=0&amp;key=0，后台接收key的值是”0,0” 深入了解了一下，不论get还是post请求，只要有相同的参数名称，后台接收数据都会使用逗号拼接起来。 这样方便了多条输入的情况，比如录入很多客户信息，以前是每录入一次提交一次，现...
form表单提交时，同一个名字的input类型的两个同时提交会覆盖吗
weixin_34148508的博客
03-07 497
&lt;form action=""&gt;&lt;input type="text" name="uuu" value="1111"/&gt;&lt;input type="hidden" name="uuu" value="222" /&gt;&lt;/form&gt;上面这个表单提交时有俩个参数名字相
最通俗易懂、最接地气的讲解form表单的post提交和get提交的不同之处
程宇寒
09-01 1907
最接地气的讲解form表单的post提交和get提交的不同之处
你真的了解POST、GET请求吗？
ddd2501的博客
12-24 2580
你真的了解POST、GET请求吗？
java action 同名参数 处理_action接收请求复合类型参数(反射机机制原理)
weixin_39867212的博客
02-16 230
接受请求参数的原理在struts2中没有actionForm ,jsp中的表单元素可以在action中定义同名的名称来接受请求参数然后生成set方法.内部机制：struts2的拦截器，会根据页面提交到action中的参数，用反射技术在action类中寻找同名的属性，然后调用action的set方法注入属性值。此外，如果在action中的属性太多，可以包装成一个对象，用法参考下面的代码原理解析：根据...
Request获取单个请求参数、获取多个请求参数、获取所有请求参数
Hern（宋兆恒）
01-17 5867
获取单个请求参数 采用 request.getParameter(标签名称) 方法 获取多个请求参数 采用 request.getParameterValues() 方法，多用于获取复合标签 checkbox 中，返回 String[ ] 数组类型。 获取所有请求参数名称 采用 request.getParameterNames() 方法，返回 Enumeration&lt;String...
表单提交中get和post的区别
05-11
在get方式中，参数数据队列会被加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。例如，假设我们有一个表单，包含一个文本框，名称为“Text”，那么在get方式中，提交的URL将是...
js 提交form表单和设置form表单请求路径的实现方法
01-19
如下所示： form表单ID：postform 设置表单请求url document.postform.action = SaveReturnInfo...以上就是小编为大家带来的js 提交form表单和设置form表单请求路径的实现方法全部内容了，希望大家多多支持软件开发网~
java servlet获取url参数_ServletRequest HttpServletRequest 请求方法 获取请求参数 请求转发 请求包含 请求转发与重定向区别 获取请求头字段...
weixin_29254673的博客
02-24 723
ServletRequest基本概念JavaWeb中的 "Request"对象实际为 HttpServletRequest 或者 ServletRequest, 两者都为接口服务器接收请求后,将请求数据进行对象封装功能大致分类request的功能可以分为以下几种：封装了请求头数据；封装了请求正文数据，如果是GET请求，那么就没有正文；request是一个域对象，可以把它当成Map来添...
request
Alex十年的博客
01-16 290
一、request概述 在客户端发出每个请求时，服务器都会创建一个request对象，并把请求数据封装的request中，然后在调用Servlet.service()方法时传递给service()方法。 request的功能可以分为以下几种： 封装了请求头数据 封装了请求正文数据，如果是Get请求，那么就没有正文 request是一个域对象，可以把他当成Map来添加获取数据 request
【JavaEE】_Spring MVC 项目单个及多个参数传参
最新发布
m0_63299495的博客
03-03 1141
对于传递单个参数的底层逻辑就是从请求的参数中获取参数名为name的值，并给name赋值；在spring项目开发中，通常使用对象对要传递的参数组进行封装，这样可以简化接口逻辑。当后端使用@RequestPara注解对后端参数进行重命名时，默认该属性为必传属性；如上文所述，当传递的参数个数与类型不同时，就需要频繁修改。
Spring第二讲
m0_56528635的博客
10-13 173
SpringMVC、Spring工作流程
java中request接收数组(即request接收多个同名参数)
热门推荐
tsuguA的专栏
01-22 1万+
例如：复选框  勾选多个内容的时候 提交： 姓名： 兴趣： 游泳 唱歌 跳舞 接收时如是写： <% request.setCharacterEncoding("GBK") ; // 按中文接收 Enumeration enu = request.getParameterNames() ; // 接收参数的名称 %> <% while(enu
表单多行实体数据提交，重复的参数名，测试各种情况看SpringMVC后台能不能接收
zzzgd_666的博客
10-31 707
0. 总结 先把总结写在前面。 下面提到的情况都是: 表单提交而不是ajax提交，也就是 content-Type是 application/x-www-form-urlencoded 而不是json类型 ， 模拟多个参数名一样， 多行实体提交的情况 1.后台接收,controller的形参不能是接口如List，无法被实例化。同时基本数据类型和String不能直接使用list或ArrayLi...
Flask框架(flask中的request对象,获取请求参数，保存上传的文件)
Mogul的博客
12-20 1万+
1.request中包含了前端发送过来的所有数据 ，请求的 request 对象中保存了一次HTTP请求的一切信息。    通过request.from可以直接发送提取请求体中的表单格式数据，是一个类字典的对象    通过get方法只能拿到多个重名参数的第一个    2. reques常用的属性：        4.这里会用到Postman工具      下载：打开官网，https...
多个相同参数名传参，满足多个条件搜索
fdiiiuejjfd55fdfd的博客
03-28 1013
场景：后端已写好接口，要求前端传入多个相同的参数，以此满足，输入一个值，后端同时可以查询表里的，ID，NAME等多个属性，并返回接口。 第一步 import qs from 'qs' 第二步 const data = { pageSize: 10, currentPage: 1, searchColumns: [ JSON.stringify({'propertyName': 'custCode', 'columnName': 'CUST_CODE...
springboot教程-获取请求参数（参数名 与 Controller方法的形参名相同）
重名又重名
03-08 1126
介绍 请求中参数名 与 Controller方法的形参名相同，springboot自动将 参数值 传给 方法的形参 这种方法简单好用，比较常用 要求 表单控件名、url中的参数名 ，必须 与 Controller方法的 形参名 相同 支持的数据类型 基本数据类型、字符串 javabean 数组 获取url参数： 适合5个以下的参数 Controller代码： @RequestMapping("/delete") public String delete(String id){ System.o
form表单post提交参数 携带token_HTML<form>表单提交方式之POST和GET
05-31
您的问题是关于form表单的POST提交方式和GET提交方式以及如何在POST提交中携带token参数的问题。 首先，POST和GET都是HTTP协议中常用的请求方法。GET方法通常用于获取数据，而POST方法通常用于提交数据到服务器。当使用POST方法提交表单时，表单中的数据会被打包到HTTP请求的正文中，而不是像GET方法那样在URL中传递参数。 关于如何在POST提交中携带token参数，一种常见的方式是将token作为表单的一个隐藏字段（hidden field）提交。例如： ```html <form action="submit.php" method="post"> <input type="hidden" name="token" value="your_token_value"> <!-- other form fields --> <input type="submit" value="Submit"> </form> ``` 在这个例子中，表单中包含一个名为"token"的隐藏字段，它的值是您的token值。当用户提交表单时，这个token值将会随着表单数据一起被提交到服务器端。在服务器端，您可以通过读取POST请求中的"token"字段来获取这个token值。 当然还有其它的方法可以在POST请求中携带token参数，例如可以将token作为HTTP请求头部（header）的一部分发送。不过具体的实现方式可能会因为您所使用的开发框架或工具而有所不同。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值