对 Spring Boot 的 Angular HTTP POST 请求导致空值

Question

我在尝试使用多个参数执行 POST 请求时遇到了一些问题。这是我用 typescript 编写的 service.ts 类：

   retrieve(packageId: any[], date: any) {
    console.log(packageId);
    console.log(date);
    let packgeIdStr: string = JSON.stringify(packageId);
    const data = { stringArrDo: packgeIdStr, date: date };
    const url = this.serviceAPI + '/...../retrieve';
    return this.http.post<SRFDO[]>(
        url,
        { params: data }
    );
}

当我在控制台中打印出来时，我设法在此处获取数据。

但是，当我将数据传递给用 Java 编写的控制器时，参数变为空：

@PostMapping("/retrieve")
public DO[] retrieve(@RequestBody String stringArrDo, java.sql.Date date)
        throws RemoteException, JaMClientRemoteException, JaMException {
            System.out.println(stringArrDo);
            System.out.println("date :"+ date);
    // removed code
}

我不确定为什么数据会在 service.ts 中打印出来，但是当将其传递给控制器​​时，它变成了 null。有什么想法吗？

谢谢！

Answer 1

两个类的属性名可能不同。

class A{ 
     // class in springboot
     private String name;
   }



 class A { 
//class in angular 
data: String; 
}

在这种情况下，属性名称是服务器端空指针异常的主要原因。

Answer 2

您可以打开您的 Chrome 开发工具，转到“网络”选项卡，然后检查您的 POST 以查看 Angular 是否确实将正确的内容传递到正确的端点。这将告诉您您的问题是客户端还是服务器端。

编辑： 看起来您的服务器可能需要一个字符串数组，但您正在发送一个对象。在javascript中，当你做{var1, var2}时，这只是{var1: var1Value, var2: var2Value}的简写

编辑 2：我查了 spring，看起来你使用 @RequestBody 不正确。看起来你应该向它传递一个可以将 JSON 反序列化为的类，例如

public class RequestData {
    private String[] packageIds;
    private Date date;
    // ...
}

您还将数据放在顶级变量params 下，因此您希望删除它并将所有内容放在对象的顶级。

尝试阅读本教程以获取更多信息：https://www.baeldung.com/spring-request-response-body