javascript - 向 Controller 发送 JSON 时出现 400 错误

Question

我尝试将 JSON 对象从 JavaScript 发送到 Controller 。发送对象时收到 400 状态代码。我尝试了很多方法，但我最后的方法如下。我错过了什么吗？为什么我老是400？

ajax 调用:

$.ajax({
  type: "POST",
  url: "http://localhost:8080/services/saveReservation",
  cache: false,
  data: saveReservation,
  contentType: "application/json; charset=utf-8",
  dataType: "json",

  success: function(data) {
    console.debug("After success");
  }
});

我的对象看起来像这样:

{  
   "accommodaion":"a0d8185c-a238-5qe7-aa48-5c196b108aba",
   "totalOutputPrice":90,
   "bookerInfo":{  
      "country":"xa",
      "homeAddress":"",
      "phoneNumber":"0019382663773",
      "contactChoice":"phone",
      "name":"test name",
      "id":"87"
   },
   "creditCard":{  
      "holderName":"holder test",
      "cardType":"discover",
      "cardNumber":"6011303031648258",
      "expMonth":"01",
      "expYear":"2017",
      "cvc":"123"
   },
   "checkIn":"2016-11-16 06:43:19.77",
   "checkOut":"2017-03-16 06:43:19.77",
   "totalTax":4,
   "totalVat":13,
   "roomOutputPrice":"77"
}

Controller :

@RequestMapping(value = "/saveReservation", method = RequestMethod.POST)
public test saveReservation(
  @RequestBody test saveReservation) {
  System.out.println(saveReservation.getAccommodaion());
  System.out.println(saveReservation.getBookerInfo().getName());
  System.out.println(saveReservation);
  return saveReservation;
}

类(class):

private class bookerInfo {
    private String country;
    private String homeAddress;
    private String phoneNumber;
    private String contactChoice;
    private String name;
    private String id;
    //getters setters
}
private class creditCard {
    private String holderName;
    private String cardType;
    private String expMonth;
    private String expYear;
    private String cvc;
    //getters setters
}
private class test {
    private String accommodaion;
    private Float totalOutputPrice;
    private bookerInfo bookerInfo;
    private creditCard creditCard;
    private String checkIn;
    private String checkOut;
    private Float totalTax;
    private Float totalVat;
    private Float roomOutputPrice;
    //getters setters
}

框架错误:

16:12:14,096 DEBUG ExceptionHandlerExceptionResolver:134 - Resolving exception from handler [public ba.projectService.controller.test ba.projectService.controller.G2BController.saveReservation(ba.projectService.controller.test)]: org.springframework.http.converter.HttpMessageNotReadableException: Could not read JSON: Unrecognized field "cardNumber" (class ba.projectService.controller.creditCard), not marked as ignorable (5 known properties: , "cvc", "expMonth", "holderName", "cardType", "expYear"])
 at [Source: org.apache.catalina.connector.CoyoteInputStream@793ea01d; line: 1, column: 287] (through reference chain: ba.projectService.controller.test["creditCard"]->ba.projectService.controller.creditCard["cardNumber"]); nested exception is com.fasterxml.jackson.databind.exc.UnrecognizedPropertyException: Unrecognized field "cardNumber" (class ba.projectService.controller.creditCard), not marked as ignorable (5 known properties: , "cvc", "expMonth", "holderName", "cardType", "expYear"])
 at [Source: org.apache.catalina.connector.CoyoteInputStream@793ea01d; line: 1, column: 287] (through reference chain: ba.projectService.controller.test["creditCard"]->ba.projectService.controller.creditCard["cardNumber"])
16:12:14,099 DEBUG ResponseStatusExceptionResolver:134 - Resolving exception from handler [public ba.projectService.controller.test ba.projectService.controller.G2BController.saveReservation(ba.projectService.controller.test)]: org.springframework.http.converter.HttpMessageNotReadableException: Could not read JSON: Unrecognized field "cardNumber" (class ba.projectService.controller.creditCard), not marked as ignorable (5 known properties: , "cvc", "expMonth", "holderName", "cardType", "expYear"])
 at [Source: org.apache.catalina.connector.CoyoteInputStream@793ea01d; line: 1, column: 287] (through reference chain: ba.projectService.controller.test["creditCard"]->ba.projectService.controller.creditCard["cardNumber"]); nested exception is com.fasterxml.jackson.databind.exc.UnrecognizedPropertyException: Unrecognized field "cardNumber" (class ba.projectService.controller.creditCard), not marked as ignorable (5 known properties: , "cvc", "expMonth", "holderName", "cardType", "expYear"])
 at [Source: org.apache.catalina.connector.CoyoteInputStream@793ea01d; line: 1, column: 287] (through reference chain: ba.projectService.controller.test["creditCard"]->ba.projectService.controller.creditCard["cardNumber"])
16:12:14,099 DEBUG DefaultHandlerExceptionResolver:134 - Resolving exception from handler [public ba.projectService.controller.test ba.projectService.controller.G2BController.saveReservation(ba.projectService.controller.test)]: org.springframework.http.converter.HttpMessageNotReadableException: Could not read JSON: Unrecognized field "cardNumber" (class ba.projectService.controller.creditCard), not marked as ignorable (5 known properties: , "cvc", "expMonth", "holderName", "cardType", "expYear"])
 at [Source: org.apache.catalina.connector.CoyoteInputStream@793ea01d; line: 1, column: 287] (through reference chain: ba.projectService.controller.test["creditCard"]->ba.projectService.controller.creditCard["cardNumber"]); nested exception is com.fasterxml.jackson.databind.exc.UnrecognizedPropertyException: Unrecognized field "cardNumber" (class ba.projectService.controller.creditCard), not marked as ignorable (5 known properties: , "cvc", "expMonth", "holderName", "cardType", "expYear"])
 at [Source: org.apache.catalina.connector.CoyoteInputStream@793ea01d; line: 1, column: 287] (through reference chain: ba.projectService.controller.test["creditCard"]->ba.projectService.controller.creditCard["cardNumber"])

Answer 1

您需要使用 JSON.stringify 序列化您的 javascript 对象。

尝试:

$.ajax({
  type: "POST",
  url: "http://localhost:8080/services/saveReservation",
  cache: false,
  data: JSON.stringify(saveReservation),
  contentType: "application/json; charset=utf-8",
  dataType: "json",
  processData: false,

  success: function(data) {
    console.debug("After success");
  }
});

并将内容类型添加到请求映射中:

@RequestMapping(value = "/saveReservation", method = RequestMethod.POST, consumes=MediaType.APPLICATION_JSON_VALUE)

确保您已定义 json 消息转换器。如果你有 Jackson 作为依赖 Spring 会为你做这件事。

<小时/>

您的新消息很明确。您正在从 javascript 发送您的类中不存在的属性。我不确定你是否犯了错误，或者这就是你想要的。您的 CreditCard bean 中不存在属性“cardNumber”。

您可以使用类顶部的注释 @JsonIgnoreProperties 将 Jackson 配置为忽略未知属性，而不引发异常。

@JsonIgnoreProperties(ignoreUnknown = true)
private class creditCard {
    private String holderName;
    private String cardType;
    private String expMonth;
    private String expYear;
    private String cvc;
    //getters setters
}

<小时/>

如果您想发送多张信用卡，您可以使用列表。因此，只需更改您的测试 bean 即可使用卡片列表

private class test {
    ...
    private List<creditCard> creditCards;
    ...
    //getters setters
}

在你的 javascript 对象中，它现在应该是一个数组

{  
   ... here all your properties

   "creditCards":[{  
      "holderName":"card 1",
      "cardType":"discover",
      "cardNumber":"6011303031648258",
      "expMonth":"01",
      "expYear":"2017",
      "cvc":"123"
   },{  
      "holderName":"card 2",
      "cardType":"discover",
      "cardNumber":"6011303031648258",
      "expMonth":"01",
      "expYear":"2017",
      "cvc":"123"
   },{  
      "holderName":"card 3",
      "cardType":"discover",
      "cardNumber":"6011303031648258",
      "expMonth":"01",
      "expYear":"2017",
      "cvc":"123"
   }],

   ... more properties
}

应该够了。我希望你能明白。