javascript - 我的 JavaScript 代码中的错误

Question

当我向我的 url 发送一个 post 请求时，我的 Controller 设法将记录保存到数据库中，但是我的 ajax 出错了。我究竟做错了什么？我的js代码:

function salvarValores(){
capturarValores()
$.ajax({
    type: "POST",
    url: "/service/newService/service",
    dataType: "json",
    contentType: 'application/json',
    data: JSON.stringify(( { 'cpfPessoa': cpfCliente, "descricaoServico": descricao } )),
    success: function(data){
        alert("Record successfully entered");
        location.reload();
    },
    error: function(data){
        alert("Error performing operation");
        location.reload();
    }
});

我的 Spring 启动 Controller

@PostMapping("/service/newService/service")
@ResponseBody
public ResponseEntity<String> newService(@RequestBody  Service service) {

    if (serviceDao.addObject(service)) {
        logger.debug("Adding data");
        return new ResponseEntity<String>("Data successfully saved", HttpStatus.OK);
    }
    logger.error("Error to insert data in database");
    return new ResponseEntity<String>("Error to insert data in database", HttpStatus.FAILED_DEPENDENCY);
}

当我点击保存按钮时，我收到一条消息“执行操作错误”的警告，但记录已正确插入数据库

Answer 1

你已经告诉 jQuery 你期待 JSON 返回:

$.ajax({
  // ...
  dataType: "json", // <== Here
  // ...
});

...但是您返回的不是 JSON:

return new ResponseEntity<String>("Data successfully saved", HttpStatus.OK);

因此，当 jQuery 尝试为您解析响应(作为 JSON)时，它失败了。

删除dataType 参数(或将其设置为"text")。更多 in the documentation .