带有 Jquery 的 Spring MVC AJAX 无法检索 json 响应

Question

我想通过 ajax 搜索一个帐户。我的客户端有这个。

<form id="fetchAccount">
    <input type="search" name="id"/>
    <input type="submit"/>
</form>

<script>
    $(document).ready(function(){
        $('#fetchAccount').on('submit', function(e){

            var data = $(this).serialize();
            var header = $("meta[name='_csrf_header']").attr("content");
            var token = $("meta[name='_csrf']").attr("content");

            $.ajax({
                data:data,
                type:"PUT",
                url:"fetchAccout",
                dataType : 'json',
                contentType : 'application/json; charset=utf-8',
                beforeSend: function(xhr){
                    xhr.setRequestHeader(header, token);
                },
                success: function(response){
                    console.log(response);
                }
            });
            e.preventDefault();
        });
    });
</script>

在控制器上

@RequestMapping(value="/fetchAccout", method=RequestMethod.PUT,
                produces= MediaType.APPLICATION_JSON_VALUE, consumes = MediaType.APPLICATION_JSON_VALUE)
@ResponseBody
public Account fetchAccount(@RequestParam(value="id", required=false) Long id){
    Account account = null;
    if(id != null)
        account = custService.findAccountById(id);
    return account;
}

我有一个 200 HTTP 响应。我怀疑我的错误是在客户端。我什至无法在成功功能中发出警报。

Answer 1

您的返回类型是 200，这意味着成功，但我可以看到您的控制器方法存在问题。您期望返回一个字符串，但实际上是返回帐户，将其更改为关注并尝试它。

@RequestMapping(value="/fetchAccout", method=RequestMethod.PUT,
                produces= MediaType.APPLICATION_JSON_VALUE, consumes = MediaType.APPLICATION_JSON_VALUE)
@ResponseBody
public Account fetchAccount(@RequestParam(value="id", required=false) Long id){
    Account account = null;
    if(id != null)
        account = custService.findAccountById(id);
    return account;
}

这将返回一个帐户对象。 然后更改您的控制台输出以返回一个 Account 参数，例如如果它有数字，那么让它这样做：

console.log(response.number);