Angular 5调用Jersey RESTful接口无法读取请求参数问题

首先看你贴的Angular代码片段，发现了一个很关键的错误——你导入了错误的HttpClient！从selenium-webdriver/http导入的HttpClient根本不是Angular用来发请求的工具，这直接导致你的参数传递逻辑完全走偏了。咱们一步步来修正：

第一步：修正HttpClient的导入错误 #

把错误的导入删掉，换成Angular官方的HttpClient：

// 删掉这行错误导入
// import { HttpClient } from "selenium-webdriver/http";
// 替换成正确的导入，把相关的HttpParams、HttpHeaders也统一从这里导
import { HttpClient, HttpParams, HttpHeaders } from "@angular/common/http";

另外，Angular 5已经弃用了旧的@angular/http里的Http，建议全程使用@angular/common/http的HttpClient，避免混合使用导致的问题。

第二步：正确构建请求（分GET/POST两种场景） #

根据你的需求，我给你写两种常见的正确请求写法：

场景1：GET请求传递参数（参数放在URL查询串里） #

@Injectable()
export class AppTestService {
  // 注入正确的HttpClient
  constructor(private http: HttpClient) { }

  fetchUserData(uname: string) {
    // 用HttpParams构建查询参数
    const requestParams = new HttpParams().set('uname', uname);
    
    // 按需设置请求头，比如Content-Type或者认证信息
    const requestHeaders = new HttpHeaders()
      .set('Content-Type', 'application/json');

    // 发送GET请求，把params和headers传入选项
    return this.http.get('http://你的Jersey服务地址/api/user', { 
      params: requestParams,
      headers: requestHeaders
    });
  }
}

场景2：POST请求传递参数（分表单格式和JSON格式） #

如果你的接口是POST类型，分两种情况处理：

表单格式参数

submitUserData(uname: string) {
  const formParams = new HttpParams().set('uname', uname);
  const formHeaders = new HttpHeaders().set('Content-Type', 'application/x-www-form-urlencoded');
  
  // 注意要把params转成字符串作为请求体
  return this.http.post('http://你的Jersey服务地址/api/user', formParams.toString(), { 
    headers: formHeaders 
  });
}

JSON格式参数

submitUserDataAsJson(uname: string) {
  const requestBody = { uname: uname };
  const jsonHeaders = new HttpHeaders().set('Content-Type', 'application/json');
  
  return this.http.post('http://你的Jersey服务地址/api/user', requestBody, { 
    headers: jsonHeaders 
  });
}

第三步：确保Jersey服务端正确读取参数 #

服务端的写法必须和前端的请求方式对应，否则肯定读不到参数：

对应GET请求：用@QueryParam读取 #

@GET
@Path("/user")
@Produces(MediaType.APPLICATION_JSON)
public Response getUserInfo(@QueryParam("uname") String username) {
  if (username == null || username.trim().isEmpty()) {
    return Response.status(Response.Status.BAD_REQUEST).entity("用户名参数缺失").build();
  }
  // 这里写你的业务逻辑
  return Response.ok("收到用户名：" + username).build();
}

对应POST表单参数：用@FormParam读取 #

@POST
@Path("/user")
@Consumes(MediaType.APPLICATION_FORM_URLENCODED)
@Produces(MediaType.APPLICATION_JSON)
public Response submitUserInfo(@FormParam("uname") String username) {
  // 业务逻辑
  return Response.ok("表单提交的用户名：" + username).build();
}

对应POST JSON参数：用POJO接收 #

先定义一个接收参数的实体类：

public class UserRequest {
  private String uname;
  
  // 必须有getter和setter，Jersey才能自动解析JSON
  public String getUname() {
    return uname;
  }
  
  public void setUname(String uname) {
    this.uname = uname;
  }
}

然后服务端方法：

@POST
@Path("/user")
@Consumes(MediaType.APPLICATION_JSON)
@Produces(MediaType.APPLICATION_JSON)
public Response submitUserJson(UserRequest request) {
  String username = request.getUname();
  // 业务逻辑
  return Response.ok("JSON提交的用户名：" + username).build();
}

额外排查要点 #

1. 跨域问题：如果Angular项目和Jersey服务不在同一域名/端口，必须在Jersey端配置CORS，否则浏览器会拦截请求，参数根本传不到服务端。可以加一个CORS过滤器：

public class CorsFilter implements ContainerResponseFilter {
  @Override
  public void filter(ContainerRequestContext reqCtx, ContainerResponseContext resCtx) throws IOException {
    resCtx.getHeaders().add("Access-Control-Allow-Origin", "*");
    resCtx.getHeaders().add("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE, OPTIONS");
    resCtx.getHeaders().add("Access-Control-Allow-Headers", "Content-Type, Authorization");
  }
}

记得在Jersey的配置类里注册这个过滤器。

2. 验证请求是否发送参数：打开浏览器开发者工具（F12），切换到Network标签，发起请求后查看对应的请求详情，确认Query Parameters或Form Data里确实有uname参数，这样可以排除前端没传参的问题。

内容的提问来源于stack exchange，提问作者G. Rajdhar