一个空格惹的祸：服务器端接收不到前端采用问号传参方式传过来的值

我不是女神ヾ 2022-08-21 03:28 114阅读 0赞

在Web项目中使用问号将浏览器端数据传到服务器端是比较常见的，但是你是否遇到过服务器端怎么也接收不到前端采用问号传参方式传过来的值的情况，不禁要自问：我们的代码怎么了？

代码一：

package com.ghj.servlet;
    
    import java.io.IOException;
    
    import javax.servlet.ServletException;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    public class DataServlet extends HttpServlet {
    
    	private static final long serialVersionUID = 8542386228506190813L;
    	public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    		doPost(request, response);
    	}
    
    	public void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {
    
    		String name = request.getParameter("name");
    		if(name != null){
    			System.out.println(name.length());
    		}else{
    			System.out.println("没有接收到客户端传过来的数据！");
    		}
    	}
    }

代码二：

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
    <%
    	String path = request.getContextPath();
    	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
    %>
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    	<head>
    		<title>首页</title>
    		<script type="text/javascript" src="<%=basePath%>js/jquery-1.7.2.js"></script>
    		<script type="text/javascript">
    			function sendData(){
    				$.ajax({
    				   	type: "GET",
    				   	url: "<%=basePath%>DataServlet?name=John",
    				   	success: function(msg){
    						console.log("数据传到服务器端了！");
    				   	},
    				   	error: function(msg){
    					   console.log("数据发送失败！");
    				     alert("Data Saved: ");
    				   	}
    				});
    			}
    		</script>
    	</head>
    
    	<body>
    		<input type="button" value="发送" οnclick="sendData()">
    	</body>
    </html>

说明：

1、当我们点击上面页面“发送”按钮时可以将John发送到服务器端，这时服务器端输出4；  
        2、如果我们将上面sendData方法换成下面代码时服务器端将接收不到客户端传过来的数据：

![20160314095037830][]

这时之所以没有数据是因为name后面多了一个空格（上图红框框起部分），那么这种情况下还想获取值，则服务器端代码应该这样写（即也要加空格，见下图红框框起部分）：

![20160314095443963][]

3、如果Servlet代码不变，只在Web端等号右边添加空格，即下图：

![20160314095843184][]

这时服务器端接收到的数据包含John前面的空格，即服务器端输出5。

[20160314095037830]: /images/20220731/970139024f65419d8c7daa32254a7b7f.png
[20160314095443963]: /images/20220731/61a648e7156a47d5a2e9639e0e75914e.png
[20160314095843184]: /images/20220731/ae1045bfe38b4366b40ca0b2d4daf43c.png