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> 

和具有200的HTTP响应控制器

@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; 
} 

林上。我怀疑我的错误在客户端。我甚至不能在成功功能中做出警报。

Answer 1

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

@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; 
} 

这将返回一个帐户对象。 然后更改您的控制台输出以返回帐户参数，例如如果它有号码然后让它做到这一点：

console.log(response.number);