Spring MVC - 将 JSON 对象从 Ajax 发布请求映射到 Java 对象

Question

我正在尝试发出 AJAX 发布请求，但我的 JSON 对象值没有从我的控制器映射到 Java 对象。当我调试 Java 对象字段时，我得到空值返回。代码见下方。

AJAX 请求

$('#form').submit(function(e) {
    e.preventDefault();
    var account = {};
    account.type = $('#account-type option:selected').text();
    account.name = $('#account-names option:selected').text();
    account.amount = $(this).find('input[name=amount]').val();

    $.ajax({
        contentType: 'application/json',
        url: '/spring-mvc-practice/account/create',
        type: 'POST',
        dataType: 'json',
        data: JSON.stringify(account),
        success: function(response) {
            console.log("success");
        },
        error: function() {
            console.log("error");
        }
    });
});

AccountController.java

@Controller
public class AccountController {
    @RequestMapping(value = "/account/create", method = RequestMethod.POST, headers = {"Content-type=application/json"})
    @ResponseBody
    public String createAccount(@ModelAttribute Account account) {
        System.out.println("name = " + account.getName());
        System.out.println("type = " + account.getType());
        System.out.println("amount = " + account.getAmount());      
        return null;
    }
}

帐户.java

public class Account {

    private String name;
    private String type;
    private double amount;

    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    public String getType() {
        return type;
    }
    public void setType(String type) {
        this.type = type;
    }
    public double getAmount() {
        return amount;
    }
    public void setAmount(double amount) {
        this.amount = amount;
    }

}

调试结果：

name = null
类型 = 空
金额 = 0.0

我也尝试在控制器方法中将@ModelAttribute 更改为@RequestBody（根据本教程：https://gerrydevstory.com/2013/08/14/posting-json-to-spring-mvc-controller/），但是在发出 AJAX 请求时出现此错误：

POST http://localhost:8080/spring-mvc-practice/account/create 415 (Unsupported Media Type)

任何帮助将不胜感激。谢谢。

Answer 1

如果您想使用 @RequestBody，只需将您的 createAccount 方法替换为：

@ResponseBody
@RequestMapping(value = "/account/create", method = RequestMethod.POST)
public String createAccount(@RequestBody final Account account) {
    System.out.println("name = " + account.getName());
    System.out.println("type = " + account.getType());
    System.out.println("amount = " + account.getAmount());      
    return null;
}

...您的 AJAX 调用应该有：

$.ajax({
  contentType: 'application/json;charset=UTF-8',
  url: '/spring-mvc-practice/account/create',
  dataType: 'json',
  type: 'POST',
  cache: false, // Force requested pages not to be cached by the browser
  processData: false, // Avoid making query string instead of JSON
  data: JSON.stringify(account)
}).done(function (data) {
  console.log('AJAX call was successfully executed ;)');
  console.log('data = ', data);
}).fail(function () {
  console.log('AJAX call failed :(');
});

...最重要的是，您的类路径中必须有此依赖项（您可以使用版本以防万一您无法拥有该版本...注意我使用的是 Maven）：

<dependency>
  <groupId>com.fasterxml.jackson.core</groupId>
  <artifactId>jackson-databind</artifactId>
  <version>2.6.0</version>
</dependency>

Answer 2

请尝试分配您的参数帐户以通过类似的方式传递。从现在开始，您将它们作为数组传递，该数组主要用于传递列表。因此，例如，您想要列出帐户，那么您将使用上面的语法。

但是现在请试试这个：

var account = {type: $('#account-type option:selected').text(),name: $('#account-names option:selected').text(),amount : $(this).find('input[name=amount]').val()};