Angular通过HttpClient向Java Servlet传参时获取值为null的问题排查

嘿，我来帮你捋清楚这个问题哈！你遇到的request.getParameter()返回null的情况，核心原因是请求的内容格式和Servlet的参数解析逻辑不匹配，咱们一步步拆解：

为什么拿不到值？ #

• 你用Angular的HttpClient.post发送的是JSON格式的请求体，默认情况下，HttpClient会把请求头的Content-Type设置为application/json。
• 但Servlet的request.getParameter()方法是专门用来解析**application/x-www-form-urlencoded**格式（也就是普通表单提交的键值对）的参数，它根本不会去解析JSON格式的请求体，所以你调用这个方法自然拿不到值，而直接读请求体能看到JSON内容是正常的。

两种解决思路 #

思路一：修改Angular端，发送表单格式请求 #

如果你的后端更习惯处理表单参数，可以调整请求的格式：

import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';

@Injectable()
export class MyServices {
 constructor(private httpClient: HttpClient) {}
 public getTables(num: number) {
  // 构建表单参数
  const formParams = new HttpParams().set('number', num.toString());
  // 设置请求头为表单编码类型
  const headers = new HttpHeaders({
    'Content-Type': 'application/x-www-form-urlencoded'
  });
  return this.httpClient.post("url/to/backend", formParams.toString(), { headers });
 }
}

这样修改后，Servlet里用request.getParameter("number")就能正常拿到数值了。

思路二：修改Servlet端，解析JSON请求体 #

如果想保留JSON格式的请求（现在前后端交互用JSON是主流哦），那Servlet需要手动读取请求体并解析成JSON对象。这里用Gson库举例子（你也可以用Jackson等其他JSON解析库）：

import com.google.gson.Gson;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.BufferedReader;
import java.io.IOException;

@WebServlet("/your-servlet-endpoint")
public class YourServlet extends HttpServlet {
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 1. 读取请求体中的JSON内容
        BufferedReader requestReader = request.getReader();
        StringBuilder jsonBuilder = new StringBuilder();
        String line;
        while ((line = requestReader.readLine()) != null) {
            jsonBuilder.append(line);
        }
        String jsonBody = jsonBuilder.toString();

        // 2. 解析JSON到实体类
        Gson gson = new Gson();
        RequestPayload payload = gson.fromJson(jsonBody, RequestPayload.class);
        Integer number = payload.getNumber();

        // 3. 接下来处理你的业务逻辑...
    }

    // 定义和请求JSON结构对应的实体类
    private static class RequestPayload {
        private Integer number;

        public Integer getNumber() {
            return number;
        }

        public void setNumber(Integer number) {
            this.number = number;
        }
    }
}

关于HTTP工具的疑问 #

Angular的HttpClient完全合适！它是Angular官方推荐的HTTP请求工具，相比旧的Http模块，它支持请求拦截、响应转换、错误处理、类型安全等诸多强大特性，你完全可以继续使用它，只要保证请求格式和后端的处理逻辑匹配就好~

内容的提问来源于stack exchange，提问作者Bahman Rouhani